.elementor-518 .elementor-element.elementor-element-ead06d0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:999;}.elementor-518 .elementor-element.elementor-element-0028a7b{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a960108{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a960108:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-a960108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AEC289;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-518 .elementor-element.elementor-element-092f8a0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-menu-toggle{margin:0 auto;background-color:#AEC289;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu .elementor-item{font-family:"vogun medium", Sans-serif;font-size:16px;font-weight:500;line-height:22px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:40px;padding-right:40px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item:hover, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed .elementor-item:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#070707;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#070707;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-underline .elementor-item:after, .elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-overline .elementor-item:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-double-line .elementor-item:before, .elementor-518 .elementor-element.elementor-element-8bb83a4 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-menu-toggle{color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown{background-color:#CA1768;border-radius:14px 14px 14px 14px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a:hover, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a.highlighted, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a:hover, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a.highlighted{background-color:#AB1157;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#AB1157;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown .elementor-item, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"vogun medium", Sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:14px;border-top-right-radius:14px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:14px;border-bottom-left-radius:14px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF;border-bottom-width:1px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-8bb83a4 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-435dc78{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.ekit-popup-c057c81 .ekit_modal-searchPanel .ekit-search-group input:not([type="submit"]){background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-c057c81 .ekit_navsearch-button :is(i, svg){font-size:35px;}.elementor-518 .elementor-element.elementor-element-c057c81 .ekit_navsearch-button, .elementor-518 .elementor-element.elementor-element-c057c81 .ekit_search-button{color:#FFFFFF;fill:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-c057c81 .ekit_navsearch-button{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;}.ekit-popup-c057c81 .ekit_modal-searchPanel .ekit-search-group input:not([type=submit]), .ekit-popup-c057c81 button.mfp-close{border-color:#FFFFFF;}.ekit-popup-c057c81 .ekit_modal-searchPanel .ekit-search-group .ekit_search-button, .ekit-popup-c057c81 .ekit-promo-popup .mfp-close, .ekit-popup-c057c81 .ekit_search-field{color:#FFFFFF;}.ekit-popup-c057c81 {background-color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-518 .elementor-element.elementor-element-641dd9c{padding:0px 0px 0px 0px;--e-icon-list-icon-size:37px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-icon i{color:#2F2F2F;transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-icon svg{fill:#2F2F2F;transition:fill 0.3s;}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:400;}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-518 .elementor-element.elementor-element-8a75c65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--main-alignment:center;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-border-color:#60303000;--toggle-button-border-width:0px;--toggle-button-border-radius:100px;--toggle-icon-size:37px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#CA1768;--items-indicator-background-color:#FFFFFF;--cart-border-style:none;--cart-close-icon-size:21px;--cart-close-button-color:#531648;--remove-item-button-size:21px;--remove-item-button-color:#531648;--menu-cart-subtotal-color:#531648;--product-price-color:#000000;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:#531648;--view-cart-button-hover-background-color:#E8B4BC;--checkout-button-background-color:#E8B4BC;--checkout-button-hover-background-color:#531648;}.elementor-518 .elementor-element.elementor-element-8a75c65.elementor-element{--align-self:center;}.elementor-518 .elementor-element.elementor-element-8a75c65 .elementor-menu-cart__subtotal{font-family:"Playfair Display", Sans-serif;font-size:18px;font-weight:600;line-height:22px;}.elementor-518 .elementor-element.elementor-element-8a75c65 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-518 .elementor-element.elementor-element-8a75c65 .elementor-menu-cart__product-name a{font-family:"Helvetica", Sans-serif;font-size:15px;font-weight:500;line-height:22px;color:#000000;}.elementor-518 .elementor-element.elementor-element-8a75c65 .elementor-menu-cart__product-price{font-family:"Helvetica", Sans-serif;font-size:15px;font-weight:500;}.elementor-518 .elementor-element.elementor-element-8a75c65 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:600;}.elementor-518 .elementor-element.elementor-element-8a75c65 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Playfair Display", Sans-serif;font-size:15px;font-weight:600;}.elementor-518 .elementor-element.elementor-element-4586c6c{--display:flex;--min-height:667px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:-95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-518 .elementor-element.elementor-element-4586c6c:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-4586c6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4DBDB;}.elementor-518 .elementor-element.elementor-element-3ebb1ea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:11%;--margin-left:0%;--margin-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-518 .elementor-element.elementor-element-74bec3a{padding:0px 80px 0px 80px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#AEC289;border-radius:999px 999px 999px 999px;}.elementor-518 .elementor-element.elementor-element-74bec3a .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:18px;font-weight:400;line-height:47px;letter-spacing:1px;color:#535551;}.elementor-518 .elementor-element.elementor-element-528305c{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;}.elementor-518 .elementor-element.elementor-element-528305c .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:65px;font-weight:700;line-height:77px;letter-spacing:2px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-518 .elementor-element.elementor-element-90e486c{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#191919;}.elementor-518 .elementor-element.elementor-element-90e486c p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-4288674{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-518 .elementor-element.elementor-element-fd08c0a .elementor-button{background-color:#AEC289;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:15px;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.3s;border-radius:999px 999px 999px 999px;padding:16px 77px 16px 77px;}.elementor-518 .elementor-element.elementor-element-fd08c0a .elementor-button:hover, .elementor-518 .elementor-element.elementor-element-fd08c0a .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-518 .elementor-element.elementor-element-fd08c0a .elementor-button:hover svg, .elementor-518 .elementor-element.elementor-element-fd08c0a .elementor-button:focus svg{fill:#000000;}.elementor-518 .elementor-element.elementor-element-680c501 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:15px;fill:#000000;color:#000000;transition-duration:0.3s;border-radius:999px 999px 999px 999px;padding:16px 77px 16px 77px;}.elementor-518 .elementor-element.elementor-element-680c501 .elementor-button:hover, .elementor-518 .elementor-element.elementor-element-680c501 .elementor-button:focus{background-color:#AEC289;color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-680c501 .elementor-button:hover svg, .elementor-518 .elementor-element.elementor-element-680c501 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-bee27c4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;}.elementor-518 .elementor-element.elementor-element-70eb62b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-518 .elementor-element.elementor-element-0e8143b .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:52px;font-weight:600;text-transform:capitalize;line-height:51px;letter-spacing:2px;color:#181717;}.elementor-518 .elementor-element.elementor-element-9a80faa{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:23px;color:#000000;}.elementor-518 .elementor-element.elementor-element-9a80faa p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-93a9c6f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-048f85c{--display:flex;--min-height:210px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(213.8174896240234, 213.8174896240234, 213.8174896240234, 0.5);}.elementor-518 .elementor-element.elementor-element-048f85c:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-048f85c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-048f85c:hover{background-color:#F4DBDB;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-518 .elementor-element.elementor-element-6acbafe .elementor-image-box-title{font-family:"vogun medium", Sans-serif;font-size:45px;font-weight:700;line-height:25px;color:#AEC289;}.elementor-518 .elementor-element.elementor-element-6acbafe:has(:hover) .elementor-image-box-title, .elementor-518 .elementor-element.elementor-element-6acbafe:has(:focus) .elementor-image-box-title{color:#026C3B;}.elementor-518 .elementor-element.elementor-element-6acbafe .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-8300f71{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:center;color:#181717;}.elementor-518 .elementor-element.elementor-element-8300f71 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-8300f71 a:hover, .elementor-518 .elementor-element.elementor-element-8300f71 a:focus{color:#000000;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-518 .elementor-element.elementor-element-cfb5d5a .elementor-icon-box-wrapper{align-items:start;}.elementor-518 .elementor-element.elementor-element-cfb5d5a{--icon-box-icon-margin:15px;}.elementor-518 .elementor-element.elementor-element-cfb5d5a .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-framed .elementor-icon, .elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-default:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-framed:has(:focus) .elementor-icon, .elementor-518 .elementor-element.elementor-element-cfb5d5a.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-518 .elementor-element.elementor-element-cfb5d5a .elementor-icon{font-size:14px;border-radius:999px 999px 999px 999px;}.elementor-518 .elementor-element.elementor-element-cfb5d5a .elementor-icon-box-title, .elementor-518 .elementor-element.elementor-element-cfb5d5a .elementor-icon-box-title a{font-family:"vogun medium", Sans-serif;font-size:19px;font-weight:700;line-height:11px;letter-spacing:1px;}.elementor-518 .elementor-element.elementor-element-cfb5d5a:has(:hover) .elementor-icon-box-title, .elementor-518 .elementor-element.elementor-element-cfb5d5a:has(:focus) .elementor-icon-box-title{color:#080808;}.elementor-518 .elementor-element.elementor-element-221caa1{--display:flex;--min-height:210px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(213.8174896240234, 213.8174896240234, 213.8174896240234, 0.5);}.elementor-518 .elementor-element.elementor-element-221caa1:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-221caa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-221caa1:hover{background-color:#F4DBDB;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-518 .elementor-element.elementor-element-7be3d2a .elementor-image-box-title{font-family:"vogun medium", Sans-serif;font-size:45px;font-weight:700;line-height:25px;color:#AEC289;}.elementor-518 .elementor-element.elementor-element-7be3d2a:has(:hover) .elementor-image-box-title, .elementor-518 .elementor-element.elementor-element-7be3d2a:has(:focus) .elementor-image-box-title{color:#026C3B;}.elementor-518 .elementor-element.elementor-element-7be3d2a .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-376a6ad{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:center;color:#181717;}.elementor-518 .elementor-element.elementor-element-376a6ad p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-376a6ad a:hover, .elementor-518 .elementor-element.elementor-element-376a6ad a:focus{color:#000000;}.elementor-518 .elementor-element.elementor-element-a56245d .elementor-icon-box-wrapper{align-items:start;}.elementor-518 .elementor-element.elementor-element-a56245d{--icon-box-icon-margin:15px;}.elementor-518 .elementor-element.elementor-element-a56245d .elementor-icon-box-title{margin-block-end:0px;color:#1E1D1D;}.elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-framed .elementor-icon, .elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-default:has(:hover) .elementor-icon, .elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-518 .elementor-element.elementor-element-a56245d.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-518 .elementor-element.elementor-element-a56245d .elementor-icon{font-size:15px;border-radius:999px 999px 999px 999px;}.elementor-518 .elementor-element.elementor-element-a56245d .elementor-icon-box-title, .elementor-518 .elementor-element.elementor-element-a56245d .elementor-icon-box-title a{font-family:"vogun medium", Sans-serif;font-size:19px;font-weight:700;line-height:14px;letter-spacing:1px;}.elementor-518 .elementor-element.elementor-element-a56245d:has(:hover) .elementor-icon-box-title, .elementor-518 .elementor-element.elementor-element-a56245d:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-518 .elementor-element.elementor-element-6cf4417{--display:flex;--min-height:845px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-518 .elementor-element.elementor-element-6cf4417:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-6cf4417 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4DBDB;}.elementor-518 .elementor-element.elementor-element-bd97077{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-518 .elementor-element.elementor-element-e738ca5 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:45px;letter-spacing:2px;color:#181717;}.elementor-518 .elementor-element.elementor-element-76def25{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:23px;color:#000000;}.elementor-518 .elementor-element.elementor-element-76def25.elementor-element{--align-self:center;}.elementor-518 .elementor-element.elementor-element-76def25 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-4f88530{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-518 .elementor-element.elementor-element-4f5b0d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-4cc8b7e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-cb3e52f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-9fce4f5{--display:flex;--min-height:444px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-9fce4f5:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-9fce4f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-578ea5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-68471ad{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-68471ad:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-68471ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-c4d9d42{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-d0a845f{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-d0a845f:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-d0a845f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-c37f7c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-fbc5065{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-fbc5065:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-fbc5065 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-fbcfd20{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:55px;--e-n-carousel-arrow-normal-color:#FFFFFF00;--e-n-carousel-arrow-hover-color:#02010100;}.elementor-518 .elementor-element.elementor-element-aedcf38{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a0125c8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-6253837{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-b92a494{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-b92a494:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-b92a494 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-27bfaad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-c9a6543{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-c9a6543:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-c9a6543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-c3353b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-954317c{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-954317c:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-954317c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-8377d7b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-07d798e{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-07d798e:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-07d798e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-61de982{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-f7f861a{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-f7f861a:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-f7f861a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-52e713c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-2f64176{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-2f64176:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-2f64176 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-2379575{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-762e99e{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-762e99e:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-762e99e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-545df69{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a2bc7a2{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-a2bc7a2:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-a2bc7a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-e11be61{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a6dcf2e{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-a6dcf2e:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-a6dcf2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-a29eaca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-9314d16{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-9314d16:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-9314d16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-5fff809{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-ddda8e6{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-ddda8e6:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-ddda8e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-d048460{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-1e8d042{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-1e8d042:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-1e8d042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-4816938{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-d17d0ff{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-d17d0ff:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-d17d0ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-7dda3a1{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:55px;--e-n-carousel-arrow-normal-color:#02010100;--e-n-carousel-arrow-hover-color:#02010100;}.elementor-518 .elementor-element.elementor-element-7bef993{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-7a6da10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-555fbb6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-4f30ad0{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-4f30ad0:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-4f30ad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-b4c9873{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-6258436{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-6258436:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-6258436 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-1cf9993{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-298583a{--display:flex;--min-height:407px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:29px 29px 29px 29px;}.elementor-518 .elementor-element.elementor-element-298583a:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-298583a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-9b35968{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:55px;--e-n-carousel-arrow-normal-color:#02010100;--e-n-carousel-arrow-hover-color:#02010100;}.elementor-518 .elementor-element.elementor-element-21ab57f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:30px;--n-tabs-gap:45px;--n-tabs-title-border-radius:999px 999px 999px 999px;--n-tabs-title-padding-top:16px;--n-tabs-title-padding-right:88px;--n-tabs-title-padding-bottom:16px;--n-tabs-title-padding-left:88px;--n-tabs-title-font-size:24px;--n-tabs-title-color:#1B1B1B;--n-tabs-title-color-active:#FFFFFF;--n-tabs-icon-size:35px;--n-tabs-icon-gap:13px;}.elementor-518 .elementor-element.elementor-element-21ab57f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#AEC289;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#AEC289;}.elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#666262;}.elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"vogun medium", Sans-serif;font-weight:500;line-height:40px;}.elementor-518 .elementor-element.elementor-element-21ab57f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-bd85d83{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:4%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;}.elementor-518 .elementor-element.elementor-element-2ac2d04{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-518 .elementor-element.elementor-element-0574297 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:45px;letter-spacing:2px;color:#181717;}.elementor-518 .elementor-element.elementor-element-6436a09{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:23px;color:#000000;}.elementor-518 .elementor-element.elementor-element-6436a09 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-70293a8{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 33px 0px rgba(200.21748962402344, 193.68865844063137, 193.68865844063137, 0.23);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-518 .elementor-element.elementor-element-70293a8:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-70293a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-70293a8:hover{box-shadow:0px 0px 10px 0px rgba(129, 125.00000000000001, 125.00000000000001, 0.36);}.elementor-518 .elementor-element.elementor-element-67d9408{--display:flex;--min-height:36px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-b15c098 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:20px;font-weight:700;line-height:22px;color:#000000;}.elementor-518 .elementor-element.elementor-element-4101114 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:25px;font-weight:400;line-height:22px;color:#000000;}.elementor-518 .elementor-element.elementor-element-bf66930{--display:flex;--min-height:36px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-9d78f4f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#000000;}.elementor-518 .elementor-element.elementor-element-57d58ee .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:26px;color:#026C3B;}.elementor-518 .elementor-element.elementor-element-130714a{--display:flex;--min-height:36px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-361eb46 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#000000;}.elementor-518 .elementor-element.elementor-element-ab1bdb1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:26px;color:#026C3B;}.elementor-518 .elementor-element.elementor-element-ad7f9b7{--display:flex;--min-height:36px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-85def21 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:20px;font-weight:700;line-height:22px;color:#000000;}.elementor-518 .elementor-element.elementor-element-e371639 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:20px;font-weight:700;line-height:22px;letter-spacing:1px;color:#000000;}.elementor-518 .elementor-element.elementor-element-7996ebe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button{background-color:#AEC289;font-family:"vogun medium", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:15px;letter-spacing:1px;fill:#0E0E0E;color:#0E0E0E;transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#AEC289;border-radius:999px 999px 999px 999px;padding:16px 80px 16px 80px;}.elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button:hover, .elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button:focus{background-color:#FFFFFF00;color:#000000;}.elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button:hover svg, .elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button:focus svg{fill:#000000;}.elementor-518 .elementor-element.elementor-element-84356ab{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 33px 0px rgba(200.21748962402344, 193.68865844063137, 193.68865844063137, 0.23);--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-84356ab:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-84356ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-518 .elementor-element.elementor-element-84356ab:hover{box-shadow:0px 0px 10px 0px rgba(129, 125.00000000000001, 125.00000000000001, 0.36);}.elementor-518 .elementor-element.elementor-element-505f96c .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:45px;letter-spacing:2px;color:#181717;}.elementor-518 .elementor-element.elementor-element-8fa140b{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:23px;color:#000000;}.elementor-518 .elementor-element.elementor-element-8fa140b p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-57cd15c{width:100%;max-width:100%;}.elementor-518 .elementor-element.elementor-element-edb7ee4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;}.elementor-518 .elementor-element.elementor-element-7daa394{--display:flex;--min-height:284px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:34px 34px 34px 34px;}.elementor-518 .elementor-element.elementor-element-7daa394:not(.elementor-motion-effects-element-type-background), .elementor-518 .elementor-element.elementor-element-7daa394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4DBDB;}.elementor-518 .elementor-element.elementor-element-7daa394:hover{box-shadow:0px 0px 10px 0px rgba(224.01748962402343, 103.72983758677606, 193.1610919275121, 0.5);}.elementor-518 .elementor-element.elementor-element-e6a9361{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:17px 17px;--row-gap:17px;--column-gap:17px;}.elementor-518 .elementor-element.elementor-element-4f36f7c .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:45px;letter-spacing:1px;color:#1E1D1D;}.elementor-518 .elementor-element.elementor-element-676c279{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:23px;color:#4C4C4C;}.elementor-518 .elementor-element.elementor-element-676c279 p{margin-block-end:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-518 .elementor-element.elementor-element-23f9145{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-type-html{padding-bottom:0px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group .elementor-field{color:#000000AB;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group .elementor-field, .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:31px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#02010100;border-radius:999px 999px 999px 999px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#02010100;border-radius:999px 999px 999px 999px;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group .elementor-select-wrapper::before{color:#02010100;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:22px;border-radius:999px 999px 999px 999px;padding:12px 16px 12px 16px;}.elementor-518 .elementor-element.elementor-element-23f9145 .e-form__buttons__wrapper__button-next{background-color:#AEC289;color:#ffffff;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button[type="submit"]{background-color:#AEC289;color:#ffffff;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-518 .elementor-element.elementor-element-23f9145 .e-form__buttons__wrapper__button-previous{background-color:#AEC289;color:#ffffff;}.elementor-518 .elementor-element.elementor-element-23f9145 .e-form__buttons__wrapper__button-next:hover{color:#555050;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button[type="submit"]:hover{color:#555050;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button[type="submit"]:hover svg *{fill:#555050;}.elementor-518 .elementor-element.elementor-element-23f9145 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-518 .elementor-element.elementor-element-a049894{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-518 .elementor-element.elementor-element-cf6b0df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-94e8b1f{--display:flex;--gap:11px 11px;--row-gap:11px;--column-gap:11px;}.elementor-518 .elementor-element.elementor-element-94e8b1f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-518 .elementor-element.elementor-element-f5b7b35{text-align:left;}.elementor-518 .elementor-element.elementor-element-4018ea4{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:26.8px;color:#000000;}.elementor-518 .elementor-element.elementor-element-b032d20{--display:flex;}.elementor-518 .elementor-element.elementor-element-2f280fb .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;color:#AEC289;}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-518 .elementor-element.elementor-element-04c3c13{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-518 .elementor-element.elementor-element-04c3c13 .elementor-icon-list-text{color:#171717;transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-4e02e0c{--display:flex;}.elementor-518 .elementor-element.elementor-element-b4d313f .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;color:#AEC289;}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-22px/2);}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-22px/2);}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-518 .elementor-element.elementor-element-de5a1c4{--e-icon-list-icon-size:21px;--icon-vertical-offset:0px;}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-518 .elementor-element.elementor-element-de5a1c4 .elementor-icon-list-text{color:#171717;transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-ae338d8{--display:flex;}.elementor-518 .elementor-element.elementor-element-1a048ad .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;color:#AEC289;}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(22px/2);}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-22px/2);}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-22px/2);}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-518 .elementor-element.elementor-element-8b79087{--e-icon-list-icon-size:21px;--icon-vertical-offset:0px;}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-518 .elementor-element.elementor-element-8b79087 .elementor-icon-list-text{color:#171717;transition:color 0.3s;}.elementor-518 .elementor-element.elementor-element-d8e2509{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-d866311{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a658414 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:16px;font-weight:500;line-height:26px;letter-spacing:1px;color:#171717;}.elementor-518 .elementor-element.elementor-element-6068876 .elementor-heading-title{font-family:"vogun medium", Sans-serif;font-size:16px;font-weight:500;line-height:26px;letter-spacing:1px;color:#171717;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-518 .elementor-element.elementor-element-fbcfd20{--e-n-carousel-swiper-slides-to-display:2;}.elementor-518 .elementor-element.elementor-element-7dda3a1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-518 .elementor-element.elementor-element-9b35968{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-518 .elementor-element.elementor-element-ead06d0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-518 .elementor-element.elementor-element-0028a7b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a960108{--width:57%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-092f8a0{--width:20%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:19px !important;}.elementor-518 .elementor-element.elementor-element-8bb83a4{--nav-menu-icon-size:26px;}.elementor-518 .elementor-element.elementor-element-8bb83a4 .elementor-menu-toggle{border-width:2px;}.elementor-518 .elementor-element.elementor-element-435dc78{--width:23%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-518 .elementor-element.elementor-element-c057c81 .ekit_navsearch-button :is(i, svg){font-size:30px;}.elementor-518 .elementor-element.elementor-element-641dd9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 4px;--e-icon-list-icon-size:33px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-518 .elementor-element.elementor-element-641dd9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-518 .elementor-element.elementor-element-8a75c65{--toggle-icon-size:35px;}.elementor-518 .elementor-element.elementor-element-4586c6c{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-518 .elementor-element.elementor-element-3ebb1ea{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-518 .elementor-element.elementor-element-74bec3a{padding:10px 20px 10px 20px;}.elementor-518 .elementor-element.elementor-element-74bec3a .elementor-heading-title{font-size:16px;line-height:1.3em;}.elementor-518 .elementor-element.elementor-element-528305c{width:100%;max-width:100%;}.elementor-518 .elementor-element.elementor-element-528305c .elementor-heading-title{font-size:37px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-90e486c{width:100%;max-width:100%;line-height:1.5em;}.elementor-518 .elementor-element.elementor-element-4288674{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-518 .elementor-element.elementor-element-0e8143b{text-align:center;}.elementor-518 .elementor-element.elementor-element-0e8143b .elementor-heading-title{font-size:37px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-9a80faa{text-align:center;line-height:1.5em;}.elementor-518 .elementor-element.elementor-element-9a80faa p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-6acbafe .elementor-image-box-title{font-size:34px;line-height:0.4em;}.elementor-518 .elementor-element.elementor-element-8300f71{width:100%;max-width:100%;}.elementor-518 .elementor-element.elementor-element-7be3d2a .elementor-image-box-title{font-size:34px;line-height:0.4em;}.elementor-518 .elementor-element.elementor-element-376a6ad{width:100%;max-width:100%;}.elementor-518 .elementor-element.elementor-element-e738ca5{text-align:center;}.elementor-518 .elementor-element.elementor-element-e738ca5 .elementor-heading-title{font-size:37px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-76def25{--container-widget-width:281px;--container-widget-flex-grow:0;width:var( --container-widget-width, 281px );max-width:281px;text-align:center;line-height:1.5em;}.elementor-518 .elementor-element.elementor-element-76def25 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-9fce4f5{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-68471ad{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-d0a845f{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-fbc5065{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-fbcfd20{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-16px;--e-n-carousel-arrow-next-right-position:-16px;--e-n-carousel-arrow-size:43px;}.elementor-518 .elementor-element.elementor-element-b92a494{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-c9a6543{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-954317c{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-07d798e{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-f7f861a{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-2f64176{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-762e99e{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-a2bc7a2{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-a6dcf2e{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-9314d16{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-ddda8e6{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-1e8d042{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-d17d0ff{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-7dda3a1{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-16px;--e-n-carousel-arrow-next-right-position:-16px;}.elementor-518 .elementor-element.elementor-element-4f30ad0{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-6258436{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-298583a{--min-height:373px;}.elementor-518 .elementor-element.elementor-element-9b35968{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-16px;--e-n-carousel-arrow-next-right-position:-16px;}.elementor-518 .elementor-element.elementor-element-21ab57f{--n-tabs-title-gap:18px;--n-tabs-gap:22px;--n-tabs-title-padding-top:16px;--n-tabs-title-padding-right:55px;--n-tabs-title-padding-bottom:16px;--n-tabs-title-padding-left:55px;--n-tabs-title-font-size:18px;--n-tabs-icon-size:20px;}.elementor-518 .elementor-element.elementor-element-21ab57f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:1em;}.elementor-518 .elementor-element.elementor-element-bd85d83{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-518 .elementor-element.elementor-element-2ac2d04{--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-518 .elementor-element.elementor-element-0574297{text-align:center;}.elementor-518 .elementor-element.elementor-element-0574297 .elementor-heading-title{font-size:37px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-6436a09{width:100%;max-width:100%;line-height:1.5em;}.elementor-518 .elementor-element.elementor-element-b15c098 .elementor-heading-title{font-size:17px;}.elementor-518 .elementor-element.elementor-element-4101114 .elementor-heading-title{font-size:21px;}.elementor-518 .elementor-element.elementor-element-85def21 .elementor-heading-title{font-size:17px;}.elementor-518 .elementor-element.elementor-element-e371639 .elementor-heading-title{font-size:17px;}.elementor-518 .elementor-element.elementor-element-fe7a28f .elementor-button{padding:16px 59px 16px 59px;}.elementor-518 .elementor-element.elementor-element-505f96c{text-align:center;}.elementor-518 .elementor-element.elementor-element-505f96c .elementor-heading-title{font-size:37px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-8fa140b{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;line-height:1.5em;}.elementor-518 .elementor-element.elementor-element-8fa140b.elementor-element{--align-self:center;}.elementor-518 .elementor-element.elementor-element-e6a9361{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-4f36f7c{text-align:center;}.elementor-518 .elementor-element.elementor-element-4f36f7c .elementor-heading-title{font-size:34px;line-height:1.2em;}.elementor-518 .elementor-element.elementor-element-676c279{width:100%;max-width:100%;line-height:1.5em;letter-spacing:-0.2px;}.elementor-518 .elementor-element.elementor-element-676c279 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-23f9145{width:100%;max-width:100%;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-group .elementor-field, .elementor-518 .elementor-element.elementor-element-23f9145 .elementor-field-subgroup label{line-height:1.8em;}.elementor-518 .elementor-element.elementor-element-23f9145 .elementor-button{font-size:14px;line-height:1.6em;}.elementor-518 .elementor-element.elementor-element-cf6b0df{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-518 .elementor-element.elementor-element-94e8b1f{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-4018ea4 p{margin-block-end:0px;}.elementor-518 .elementor-element.elementor-element-b032d20{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-4e02e0c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-ae338d8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-d8e2509{--gap:9px 9px;--row-gap:9px;--column-gap:9px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-d866311{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-a658414{text-align:center;}.elementor-518 .elementor-element.elementor-element-6068876{text-align:center;}}@media(min-width:768px){.elementor-518 .elementor-element.elementor-element-a960108{--width:25%;}.elementor-518 .elementor-element.elementor-element-092f8a0{--width:84%;}.elementor-518 .elementor-element.elementor-element-435dc78{--width:16%;}.elementor-518 .elementor-element.elementor-element-048f85c{--width:576px;}.elementor-518 .elementor-element.elementor-element-221caa1{--width:576px;}.elementor-518 .elementor-element.elementor-element-4f88530{--width:1200px;}.elementor-518 .elementor-element.elementor-element-9fce4f5{--width:368px;}.elementor-518 .elementor-element.elementor-element-68471ad{--width:368px;}.elementor-518 .elementor-element.elementor-element-d0a845f{--width:368px;}.elementor-518 .elementor-element.elementor-element-fbc5065{--width:368px;}.elementor-518 .elementor-element.elementor-element-b92a494{--width:368px;}.elementor-518 .elementor-element.elementor-element-c9a6543{--width:368px;}.elementor-518 .elementor-element.elementor-element-954317c{--width:368px;}.elementor-518 .elementor-element.elementor-element-07d798e{--width:368px;}.elementor-518 .elementor-element.elementor-element-f7f861a{--width:368px;}.elementor-518 .elementor-element.elementor-element-2f64176{--width:368px;}.elementor-518 .elementor-element.elementor-element-762e99e{--width:368px;}.elementor-518 .elementor-element.elementor-element-a2bc7a2{--width:368px;}.elementor-518 .elementor-element.elementor-element-a6dcf2e{--width:368px;}.elementor-518 .elementor-element.elementor-element-9314d16{--width:368px;}.elementor-518 .elementor-element.elementor-element-ddda8e6{--width:368px;}.elementor-518 .elementor-element.elementor-element-1e8d042{--width:368px;}.elementor-518 .elementor-element.elementor-element-d17d0ff{--width:368px;}.elementor-518 .elementor-element.elementor-element-4f30ad0{--width:368px;}.elementor-518 .elementor-element.elementor-element-6258436{--width:368px;}.elementor-518 .elementor-element.elementor-element-298583a{--width:368px;}.elementor-518 .elementor-element.elementor-element-94e8b1f{--width:30%;}.elementor-518 .elementor-element.elementor-element-b032d20{--width:20%;}.elementor-518 .elementor-element.elementor-element-4e02e0c{--width:20%;}.elementor-518 .elementor-element.elementor-element-ae338d8{--width:20%;}}/* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c590fb2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; height:270px !important; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1652dc5 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d0004f8 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0390ae7 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f52eb25 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 20px; margin: 15px 5px 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b6b3a6b *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 25px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b09ca1 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6b0977d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5618938 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-332f829 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e1e9996 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2404eda *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-72e3be6 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-df1857d *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3e77397 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b99e22e *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0c492b2 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-62e206f *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px !important; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 26px !important; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e6f8366 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b57e870 *//* ==== MAIN MEAL CARD WITHOUT BACKGROUND BOX ==== */ .meal-card { text-align: center; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ==== IMAGE ==== */ .meal-img { width: 100%; border-radius: 25px; display: block; } /* ==== TITLE ==== */ .meal-title { font-size: 30px; margin: 15px 0 10px; font-weight: 700; color: #181717; } /* ==== PORTION BOX ==== */ .portion-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 10px; border: 2px solid #000000; padding: 10px 2px; border-radius: 50px; font-size: 20px; font-weight: 600; background: #fff; } .portion-box button { font-size: 26px; line-height: 12px; background: none; border: none; cursor: pointer; color: #000000; } /* ==== CHOOSE MEAL BUTTON ==== */ .choose-btn { width: 100%; padding: 12px 0; font-size: 18px; border: none; border-radius: 50px; background: #AEC289; color: black; cursor: pointer; transition: 0.2s; } /* Hover color change */ .choose-btn:hover { background: #F4DBDB; color: black; } /* ==== DONE BUTTON ==== */ .choose-btn.done { background: #F4DBDB !important; color: #000 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57cd15c *//* ============================ SUMMARY FULL DESIGN CSS ============================ */ /* WRAPPER */ .summary-wrapper { width: 100%; padding: 10px 0 20px; font-family: Helvetica, sans-serif; } /* HEADER */ .summary-header { display: flex; justify-content: space-between; padding: 0 5px; margin-bottom: 15px; } .summary-header h2 { font-size: 20px; font-weight: 700; color: #181717; } .summary-weekly { font-size: 18px; font-weight: 600; color: #181717; } /* ITEMS LIST */ .summary-item { display: flex; justify-content: space-between; padding: 12px 5px; border-bottom: 1px solid #ededed; font-size: 17px; color: #111; } /* PORTION TEXT (RIGHT SIDE) */ .portion-count { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 700; color: #F4DBDB; } /* LABELS (TOTAL SERVING + PRICE) */ .summary-label { font-size: 20px; font-weight: 700; color: #181717; } .summary-row { display: flex; justify-content: space-between; padding: 12px 5px; font-size: 18px; } /* BUTTON */ .summary-add-btn { display: block; width: 70%; margin: 30px auto 0; padding: 15px; border-radius: 40px; background: #C80F63; color: white; font-weight: 600; text-align: center; font-size: 18px; border: none; } /* RESPONSIVE */ @media (max-width: 480px){ .summary-header h2 { font-size: 18px; } .summary-weekly { font-size: 16px; } .summary-item { font-size: 16px; } .summary-label { font-size: 18px; } .portion-count { font-size: 15px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'vogun medium'; font-display: auto; src: url('https://pureplate.keachgroup.com/wp-content/uploads/2025/11/Vogun-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */