/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@font-face {
    font-family: 'Bariol';
    src: url('./assets/fonts/Bariol-Regular.woff2') format('woff2'),
        url('./assets/fonts/Bariol-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bariol';
    src: url('./assets/fonts/Bariol-Bold.woff2') format('woff2'),
        url('./assets/fonts/Bariol-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Constellation TL Pro';
    src: url('constellationtlpro-light-webfont.woff2') format('woff2'),
         url('constellationtlpro-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Constellation TL Pro';
    src: url('./assets/fonts/constellationtlpro-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/constellationtlpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Constellation TL Pro';
    src: url('./assets/fonts/constellationtlpro-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/constellationtlpro-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Founders Grotesk';
    src: url('./assets/fonts/foundersgrotesk-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/foundersgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('./assets/fonts/foundersgrotesk-medium-webfont.woff2') format('woff2'),
         url('./assets/fonts/foundersgrotesk-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.progress-container {
  width: 100%;
  height: 0px;
}

.progress-bar {
  height: 0px;
  width: 0%;
}

.post-template-default .progress-container,
.post-template-default .progress-bar {
    height: 4px;
}

::-webkit-scrollbar {
  width: 10px;
}


.scroll-sitemap > .elementor-widget-wrap::-webkit-scrollbar {
  width: 5px;
}

.mm-container{
    position: fixed;
    z-index: 998;
    top: 63px;
    left: 0;
    right: 0;
    overflow-y: scroll;
    background-color: #f4f4f4;
    max-height: calc(100vh - 96px);
}


/*CSS FONTS STYLES*/

html, body {
    font-family: 'Bariol', sans-serif !important;
    font-weight: 400;
}

h1, h1.elementor-heading-title, .h1 .elementor-heading-title,
.post-content h1,
.elementor-widget-text-editor h1{
    font-size: 48px;
    line-height: 1.3em;
    margin-bottom: 15px;
}

h2, h2.elementor-heading-title, .h2 .elementor-heading-title,
.content-conditions .title-conditions h2,
.infos-conditions .bottom-infos-conditions h2,
.category-product-infos h2,
.slick-active span.date-carousel,
.left-content-history h2,
.post-content h2,
.elementor-widget-text-editor h2,
.intro-conditons.coverage h2{
    font-size: 33px;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 0px;
}

h3, h3.elementor-heading-title, .h3 .elementor-heading-title,
.entry-pages-item h3,
.condition-listing-item h3,
.blog-listing-item .blog-informations h3,
.content-conditions .infos-conditions .intro-conditons h3,
.cards-conditions .card-infos h3,
.infos-conditions .bottom-infos-conditions h3,
.product-item h3,
.grid-item-recipes h3,
button.accordion,
button.accordion h2,
.card-item h3,
.right-col-content h3,
.grid-resources-item h3,
.post-content h3,
.author-box h4.elementor-author-box__name,
.comment-post h2#reply-title,
.comment-post h3.title-comments,
.category-posts h5,
.elementor-widget-text-editor h3,
.intro-conditons.coverage h3,
h2.h3,
span.h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 0px;
}

.info-text-box h3 {
    font-weight: 500;
    margin-bottom: 0px;
}

span.h3 {
    display: block;
}

p,
.story-video-item .mention,
.content-conditions .infos-conditions .two-col-infos-bottom ul li,
.product-item span.product-age,
.testimonial-item .infos-testimonial,
.elementor-widget-text-editor ul li,
.card-infos ul li,
.right-col-content ul li,
.grid-resources-item p,
.sort-recipes select,
.sort-recipes input[type="text"],
.post-content p,
.author-box .elementor-author-box__bio,
.comment-post a#cancel-comment-reply-link,
.elementor .content-conditions ul,
.elementor .product-infos-accordeon-item ul,
.elementor .product-infos-accordeon-item ol,
.symptom-checker-results-grid ul li {
    font-size: 18px;
    line-height: 1.5em;
}

.disclaimer.elementor-widget-text-editor p,
span.disclaimer-text,
.testimonials-bottom-part p {
    font-size: 14px;
    line-height: 1.2em;
}

.elementor .product-infos-accordeon-item ul,
.elementor .product-infos-accordeon-item ol {
    margin-bottom: 20px;
}

.information-text p,
.grid-item-recipes h3,
button.accordion h2,
.flavors-title span.elementor-heading-title,
span.h3-recipes {
    font-size: 21px;
    font-weight: 700;
}

span.h3-recipes {
    display: block;
    margin-top: 10px;
}

.info-text-box p,
.right-col-intro p,
.big-text p,
span.date-carousel,
.category-posts.recents-posts ul li,
.recipes-list.elementor-widget-text-editor ol li::marker,
.search-form.elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input{
    font-size: 24px;
}

.faq-repeater-item h3,
.recipe-highlight-item {
    font-size: 19px;
    margin-bottom: 0px;
}

.recipe-highlight-item {
    margin-bottom: 10px;
}

.button-nutricia .elementor-button,
.entry-pages-item button,
.blog-listing-item .category-blog,
.left-sort-col .category-blog,
.blog-listing-item button,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
.cards-conditions button,
.grid-resources-item button,
.comment-post input#submit,
.comment-post .comment-body a, 
.product-display-item .button-nutricia, 
.product-tabs-content .button-nutricia {
    font-size: 15px;
    line-height: 1em;
    font-weight: 700;
}

.little-text p {
   font-size: 15px;
    line-height: 1.5em; 
}

.main-menu a,
.main-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item,
.little-title span.elementor-heading-title,
.elementor-nav-menu--dropdown-none.menu-footer a.elementor-sub-item,
.tab-conditions button.tabs-links-conditions h3,
button.tabs-search-results{
    font-size: 17px;
    line-height: 1em;
    font-weight: 400;
}

.tab-conditions button.tabs-links-conditions h3 {
    margin-bottom: 0px;
}

.entry-pages-item .top-part-item .mention span,
.story-video-item span.tag-condition,
.condition-listing-item .mention,
.product-item span.tag-condition,
.grid-item-recipes span.tag-product,
.grid-item-recipes span.tag-condition,
.testimonial-item span.tag-condition,
.condition-tag span.elementor-heading-title,
span.elementor-post-info__terms-list a,
.category-posts.recents-posts a.tag-cloud-link, 
.product-display-item .tag-condition {
    font-size: 14px;
    line-height: 1em;
}

.entry-pages-item .top-part-item .mention span.bold,
.story-video-item .mention span.bold,
.condition-listing-item .mention span.bold,
.elementor-nav-menu--dropdown-none.menu-footer a,
.breadcrumbs span.breadcrumb_last,
.testimonial-item .infos-testimonial span.bold,
.big-text p,
.strong,
.sort-recipes select,
.div-table-row>div:nth-child(1n+2) {
    font-weight: 700;
}

.little-title .elementor-heading-title,
span.big-date {
    margin-bottom: 15px;
    display: block;
}

span.big-date {
    font-size: 100px;
    line-height: 1em;
}

.big-number .elementor-heading-title {
    font-size: 70px;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: 300;
}

/*CSS COLORS*/

/*Primary*/

.primary,
.button-nutricia.stroke .elementor-button:hover,
.story-video-item:hover span.tag-condition,
.blog-listing-item .blog-informations h3,
.info-text-box p:before,
.tab-conditions button.tabs-links-conditions,
button.tabs-search-results,
button.tabs-search-results:hover,
.content-conditions .infos-conditions .intro-conditons h3,
.right-col-intro p:before,
.cards-conditions .card-infos h3,
.infos-conditions .bottom-infos-conditions h2,
.infos-conditions .bottom-infos-conditions h3,
.content-conditions .infos-conditions .two-col-infos-bottom ul li::before,
.elementor-widget-text-editor ul li:before,
.card-infos ul li:before,
.right-col-content ul li:before,
.product-item span.tag-condition,
.product-item span.product-age,
.product-item h3,
.grid-item-recipes span.tag-product,
.grid-item-recipes span.tag-condition,
.category-product-infos h2,
button.accordion,
button.accordion:hover,
button.accordion:focus,
.testimonial-item span.tag-condition,
.testimonial-item p,
.testimonial-item .infos-testimonial,
.card-item .h3,
.right-col-content h3,
span.big-date,
.left-content-history h2,
.grid-resources-item h3,
.sort-recipes select,
.keto-diet p,
span.elementor-post-info__terms-list a,
.comment-post h2#reply-title,
.comment-post p.logged-in-as a,
.comment-post h3.title-comments,
.comment-post .comment-body a,
.category-posts h5,
.category-posts.recents-posts ul li a,
.category-posts.recents-posts a.tag-cloud-link,
.recipes-list.elementor-widget-text-editor ol li::marker,
.post-content h1,
.post-content h2,
.post-content h3,
.text.elementor-widget-text-editor h3,
.intro-conditons.coverage h2,
.intro-conditons.coverage h3,
.product-infos-accordeon-item .panel h3,
.contact-form .gform_wrapper.gravity-theme .gfield_label,
.newsletter-form .gform_wrapper.gravity-theme [type=submit]:hover,
.product-flavor-select select, 
.content-conditions .infos-conditions h2, 
.product-display-item .tag-condition {
    color: var(--e-global-color-primary);
}

.button-nutricia.fill .elementor-button:hover,
.entry-pages-item button.fill:hover,
.blog-listing-item:hover button.fill,
.content-conditions button:hover,
.product-item:hover button,
.grid-item-recipes:hover button,
.card-item:hover,
.cards-conditions button:hover,
.grid-resources-item:hover button,
.sort-recipes button:hover,
.comment-post input#submit:hover,
.contact-form .gform_wrapper.gravity-theme [type=submit] {
    background-color: var(--e-global-color-primary);
}

.grid-item-recipes span.tag-product,
.sort-recipes select,
.sort-recipes button:hover {
    border:solid 1px var(--e-global-color-primary);
}


/*Secondary*/

.secondary,
.slick-active span.date-carousel,
.button-nutricia.stroke.alt .elementor-button {
    color: var(--e-global-color-secondary);
}

.button-nutricia.fill .elementor-button,
.entry-pages-item button.fill,
.blog-listing-item button.fill,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
.cards-conditions button,
.grid-resources-item button,
.button-nutricia.stroke.alt .elementor-button:hover,
.comment-post input#submit,
.contact-form .gform_wrapper.gravity-theme [type=submit]:hover, 
.product-display-item .button-nutricia.fill, 
.product-tabs-content .button-nutricia.fill {
    background-color: var(--e-global-color-secondary);
}

.button-nutricia.stroke.alt .elementor-button {
    border: solid 2px var(--e-global-color-secondary);
}

/*Text / Black*/

.text,
.entry-pages-item p,
.infos-conditions p,
.grid-item-recipes h3,
.grid-item-recipes p,
.category-product-infos p,
.product-item p,
.panel p,
.right-col-content p,
span.date-carousel,
.left-content-history p,
.grid-resources-item p,
.blog-listing-item p,
.author-box h4.elementor-author-box__name,
span.h3-recipes {
    color: var(--e-global-color-text);
}

.entry-pages-item .top-part-item,
.condition-listing-item {
    background-color: var(--e-global-color-text);
}

/*White*/

.white, 
.button-nutricia.fill .elementor-button,
.entry-pages-item .top-part-item .mention,
.entry-pages-item button.fill,
.story-video-item span.tag-condition,
.story-video-item .mention,
.condition-listing-item h3,
.condition-listing-item .mention,
.blog-listing-item .category-blog,
.left-sort-col .category-blog,
.blog-listing-item button.fill,
.button-nutricia.stroke .elementor-button,
.breadcrumbs span,
.breadcrumbs a,
.breadcrumbs a:hover,
.info-text-box p,
.right-col-intro p,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
.card-item:hover h3,
.card-item p,
.cards-conditions button,
.grid-resources-item button,
.button-nutricia.stroke.alt .elementor-button:hover,
span.elementor-post-info__terms-list,
.comment-post input#submit,
.white.recipes-list.elementor-widget-text-editor ul li:before,
.contact-form .gform_wrapper.gravity-theme [type=submit],
.recipe-highlight-item,
.content-conditions .title-conditions h2, 
.product-display-item .button-nutricia.fill, 
.product-tabs-content .button-nutricia.fill {
    color: var(--e-global-color-1c5841ad);
}

.button-nutricia.stroke .elementor-button:hover,
.story-video-item:hover span.tag-condition,
.blog-listing-item:hover .blog-informations,
.info-text-box p:before,
.tab-conditions,
.tab-search-result,
button.tabs-links-conditions:before,
.right-col-intro p:before,
.cards-conditions .card-infos,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom,
.product-item,
.grid-item-recipes,
.faq-repeater-item,
button.accordion:hover,
button.accordion:focus,
.testimonial-item,
.card-item,
.product-infos-accordeon-item,
.tab-conditions.little .tabs-links-conditions,
.tab-conditions.little .tabs-links-conditions:hover,
button.tabs-search-results,
button.tabs-search-results:hover,
button.tabs-search-results:focus,
.grid-resources-item,
.newsletter-form .gform_wrapper.gravity-theme [type=submit]:hover, 
.product-display-item .tag-condition  {
    background-color: var(--e-global-color-1c5841ad);
}

/*opacity*/
.blog-listing-item .blog-informations {
   background-color: rgba(255,255,255,0.82); 
}

.story-video-item span.tag-condition {
    border: solid 1px var(--e-global-color-1c5841ad);
}

.button-nutricia.stroke .elementor-button {
    border: solid 2px var(--e-global-color-1c5841ad);
}

/*LIGHT GREY*/

.column-stroke > .elementor-widget-wrap,
.entry-pages-item,
.story-video-item,
.condition-listing-item,
.blog-listing-item,
.blog-listing-item .blog-informations,
.cards-conditions .card-infos,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom,
.product-item,
.product-item span.tag-condition,
.grid-item-recipes span.tag-condition,
.faq-repeater-item,
button.accordion:before,
.testimonial-item,
.testimonial-item span.tag-condition,
.testimonial-item .testimonial-right-part,
.card-item,
.product-infos-accordeon-item,
.grid-item-recipes,
.grid-resources-item,
.grid-resources-container .featured-image-resource,
span.elementor-post-info__terms-list a,
a.tag-cloud-link,
.video-radius > .elementor-widget-container, 
.product-display-item .tag-condition{
    border: solid 1px var(--e-global-color-2112dba7);
}

.mm-container {
    border-left: solid 1px #E2E2E2;
}

.tab-conditions button.tabs-links-conditions,
.tab-conditions button.tabs-links-conditions:focus,
button.tabs-search-results,
button.tabs-search-results:focus {
    border: none;
    border-left: solid 1px #939393 !important;
}

.tab-conditions button.tabs-links-conditions:first-child {
    border-left: 0px !important;
}

.tab-conditions button.tabs-links-conditions:focus,
button.tabs-search-results:focus {
    outline: 0;
    box-shadow: none;
}


.content-conditions,
.category-product-item,
.comment-post div#respond,
.progress-container,
.mm-container,
.bg-grey,
.div-table>div:nth-child(2n+1),
::-webkit-scrollbar-track {
    background-color: var(--e-global-color-2112dba7);
}

.category-posts ul li {
    border-bottom : solid 1px var(--e-global-color-2112dba7);
}

/*ACCENT*/

.accent,
.breadcrumbs.grey span,
.breadcrumbs.grey a,
.breadcrumbs.grey a:hover,
.sort-recipes input[type="text"],
.sort-recipes button,
.author-box .elementor-author-box__bio,
.comment-post a#cancel-comment-reply-link,
.category-posts a{
    color : var(--e-global-color-accent);
}

.sort-recipes input[type="text"] {
    border : solid 1px var(--e-global-color-accent);
}

/*Grey*/

button.tabs-links-conditions:before,
.comment-post input[type=date], .comment-post input[type=email], .comment-post input[type=number], .comment-post input[type=password], .comment-post input[type=search], .comment-post input[type=tel], .comment-post input[type=text], .comment-post input[type=url], .comment-post select, .comment-post textarea,
.product-flavor-select select {
    border: solid 1px var(--e-global-color-6cd2880a);
}

/*Gradient Blue*/

.story-video-item {
    background: linear-gradient(180deg, rgba(43,60,144,1) 0%, rgba(43,60,144,1) 100%);
}

/*Gradient Primary - Secondary*/

.story-video-item:hover,
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(43,60,144,1) 0%, rgba(43,60,144,1) 66%, rgba(81,51,139,1) 100%);
}

.blog-listing-item .category-blog,
.left-sort-col .category-blog {
    background: linear-gradient(135deg, rgba(43,60,144,1) 0%, rgba(81,51,139,1) 100%);
}

.info-text-box .elementor-widget-container,
.right-col-intro p,
.gradient-bg,
.progress-bar {
    background: linear-gradient(90deg, rgba(43,60,144,1) 0%, rgba(43,60,144,1) 66%, rgba(81,51,139,1) 100%);
}



/*Transparent*/

.button-nutricia.stroke .elementor-button,
.tab-conditions button.tabs-links-conditions,
.tab-conditions button.tabs-links-conditions:hover,
.newsletter-form .gform_wrapper.gravity-theme [type=submit] {
    background-color: transparent;
}

.sort-recipes button {
    border: solid 1px transparent;
}

/*CSS HYPERLINKS*/

.text.elementor-widget-text-editor a,
.combustible-tabs-anything-wrapper .two-col-content a,
.elementor .card-infos a,
.elementor .content-conditions a,
.elementor .product-infos-accordeon-item a,
.symptom-checker-results-grid ul li a,
.symptom-checker-results a,
.faq-repeater-item .panel a {
    color: var(--e-global-color-primary);
    font-weight: 600;
    text-decoration: underline;
}

.elementor .info-text-box a,
.white.elementor-widget-text-editor a {
    color: white;
    font-weight: 600;
    text-decoration: underline;
}

/*CSS BUTTONS*/

.button-nutricia .elementor-button,
.entry-pages-item button,
.blog-listing-item button,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
.cards-conditions button,
.grid-resources-item button,
.comment-post input#submit,
.elementor-default .gform_wrapper.gravity-theme [type=submit], 
.product-display-item .button-nutricia, 
.product-tabs-content .button-nutricia, 
.product-tabs-content .button-nutricia-alt {
    padding: 17px 30px;
    border-radius: 25px;
    margin-top: 20px;
    position: relative;
}

.entry-pages-item button,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
.cards-conditions button,
.grid-resources-item button,
.blog-listing-item.featured button{
    margin-top: 05px;
}

.button-nutricia.bottom-menu .elementor-button {
    margin-top: 0px;
}

button:focus,
[type=button]:focus,
.comment-post input#submit,
.search-form.elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input{
    border: none !important;
    outline: none !important;
}

.button-nutricia .elementor-button,
.entry-pages-item button,
.blog-listing-item button.fill,
.content-conditions button,
.product-item button,
.grid-item-recipes button,
button.accordion,
.cards-conditions button,
.grid-resources-item button,
.comment-post input#submit, 
.product-display-item .button-nutricia, 
.product-tabs-content .button-nutricia {
    border: none;
}

.button-nutricia.stroke .elementor-button,
.newsletter-form .gform_wrapper.gravity-theme [type=submit] {
    padding: 15px 28px;
}

.entry-pages-item button.brand-item::after,
.blog-listing-item .category-blog::after,
.left-sort-col .category-blog:after,
.button-nutricia.brand .elementor-button span.elementor-button-text:after,
.brand-marker .elementor-heading-title:after{
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    top: 8px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(0deg);
}

.brand-marker .elementor-heading-title:after,
.elementor-element.brand-marker.metabolics .elementor-heading-title:after {
    width: 27px;
    height: 27px;
}

.blog-listing-item .category-blog::after,
.left-sort-col .category-blog:after,
.button-nutricia.brand .elementor-button span.elementor-button-text:after{
    position: relative;
    top:-4px;
    margin-right: -6px;
}

.entry-pages-item button.brand-item:hover:after,
.blog-listing-item:hover .category-blog:after,
.left-sort-col .category-blog:hover:after,
.button-nutricia.brand .elementor-button:hover span.elementor-button-text:after{
    transform: rotate(180deg);
}

.entry-pages-item button.brand-item.neocate::after,
.blog-listing-item .category-blog.neocate::after,
.button-nutricia.brand.neocate .elementor-button span.elementor-button-text:after,
.brand-marker.neocate .elementor-heading-title:after,
.left-sort-col .category-blog.neocate:after{
    background-image: url(/wp-content/uploads/2020/04/ELEMENT_Neocate.svg);
}

.entry-pages-item button.brand-item.ketocal::after,
.blog-listing-item .category-blog.ketocal::after,
.button-nutricia.brand.ketocal .elementor-button span.elementor-button-text:after,
.brand-marker.ketocal .elementor-heading-title:after,
.left-sort-col .category-blog.ketocal:after{
    background-image: url(/wp-content/uploads/2020/04/ELEMENT_Ketocal.svg);
}

.entry-pages-item button.brand-item.metabolics::after,
.blog-listing-item .category-blog.metabolics::after,
.button-nutricia.brand.metabolics .elementor-button span.elementor-button-text:after,
.brand-marker.metabolics .elementor-heading-title:after,
.left-sort-col .category-blog.metabolics:after{
    background-image: url(/wp-content/uploads/2020/04/ELEMENT_Metabolics.svg);
    width: 18px;
    height: 18px;
}

.button-nutricia.brand.metabolics .elementor-button span.elementor-button-text:after,
.left-sort-col .category-blog.metabolics:after,
.blog-listing-item .category-blog.metabolics::after {
    width: 15px;
    height: 15px;
}

/*CSS TRANSITIONS*/
.button-nutricia .elementor-button,
.button-nutricia .elementor-button:hover,
.entry-pages-item,
.entry-pages-item:hover,
.entry-pages-item button,
.entry-pages-item button:hover,
.entry-pages-item button.brand-item:after,
.entry-pages-item button.brand-item:hover:after,
.entry-pages-item .top-part-item img,
.entry-pages-item:hover .top-part-item img,
.story-video-item,
.story-video-item:hover,
.story-video-item span.tag-condition,
.story-video-item:hover span.tag-condition,
.story-video-item:hover img.player-icon,
.story-video-item img.player-icon,
.story-video-item .mention,
.story-video-item:hover .mention,
.story-video-item img.bg-img-story,
.story-video-item:hover img.bg-img-story,
.condition-listing-item img,
.condition-listing-item:hover img,
.condition-listing-item h3,
.condition-listing-item:hover h3,
.condition-listing-item,
.condition-listing-item:hover,
.blog-listing-item,
.blog-listing-item:hover,
.blog-listing-item .category-blog:after,
.blog-listing-item:hover .category-blog:after,
.blog-listing-item .blog-informations,
.blog-listing-item:hover .blog-informations,
.blog-listing-item img,
.blog-listing-item:hover img,
.button-nutricia.brand .elementor-button span.elementor-button-text:after,
.button-nutricia.brand .elementor-button:hover span.elementor-button-text:after,
.tab-conditions button.tabs-links-conditions,
.tab-conditions button.tabs-links-conditions:hover,
.tab-conditions button.tabs-links-conditions.active,
button.tabs-search-results,
button.tabs-search-results:hover,
button.tabs-search-results.active,
.content-conditions button,
.content-conditions button:hover,
.product-item,
.product-item:hover,
.product-item .product-image,
.product-item .product-image:hover,
.product-item:hover button,
.product-item button,
.grid-item-recipes,
.grid-item-recipes:hover,
.grid-item-recipes .top-part-recipes img,
.grid-item-recipes:hover .top-part-recipes img,
.grid-item-recipes button,
.grid-item-recipes:hover button,
.card-item,
.card-item:hover,
.card-item h3,
.card-item:hover h3,
.card-item p,
.card-item:hover p,
.card-item .row-display,
.card-item:hover .row-display,
.card-item .row-appear,
.card-item:hover .row-appear,
.product-infos-accordeon-item button.accordion:after ,
.product-infos-accordeon-item button.accordion.active:after,
.cards-conditions button,
.cards-conditions button:hover,
.grid-resources-item,
.grid-resources-item:hover,
.grid-resources-item button,
.grid-resources-item:hover button,
.grid-resources-item .featured-image-resource img,
.grid-resources-item:hover .featured-image-resource img,
.left-sort-col .category-blog:after,
.left-sort-col .category-blog:hover:after,
.left-sort-col .category-blog,
.left-sort-col .category-blog:hover,
.story-video-item.slick-active,
.story-video-item.slick-active img.bg-img-story,
.story-video-item.slick-active .mention,
.story-video-item.slick-active span.tag-condition, 
.product-tabs-content .button-nutricia.fill, 
.product-tabs-content .button-nutricia:hover.fill {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

/*CSS VARIATIONS*/

.center,
.content-conditions .title-conditions h2,
.infos-conditions .bottom-infos-conditions h2,
.card-item,
.tagcloud {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.blog-listing-item .blog-informations h3,
.no-margin,
.no-margin p,
.content-conditions .title-conditions h2,
.right-col-intro p,
.info-text-box.alt p,
.no-margin .elementor-heading-title,
.category-posts h5{
    margin-bottom: 0px;
}

/*BORDER RADIUS*/

.column-radius > .elementor-widget-wrap,
.entry-pages-item,
.story-video-item,
.story-video-item span.tag-condition,
.condition-listing-item,
.blog-listing-item,
.blog-listing-item .category-blog,
.blog-listing-item .blog-informations,
.info-text-box .elementor-widget-container,
button.tabs-links-conditions:before,
.content-conditions,
.right-col-intro p,
.cards-conditions .card-infos,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom,
.product-item,
.product-item span.tag-condition,
.grid-item-recipes,
.grid-item-recipes span.tag-product,
.grid-item-recipes span.tag-condition,
.category-product-item,
.elementor-section.section-radius,
.image-radius.elementor-widget-image img,
.faq-repeater-item,
.faq-repeater-item button.accordion:before,
.testimonial-item,
.testimonial-item span.tag-condition,
.testimonial-item .testimonial-right-part,
.card-item,
.product-infos-accordeon-item,
.left-col-content img,
.content-date-carousel,
.grid-resources-item,
.grid-resources-container .featured-image-resource,
.sort-recipes select,
.left-sort-col .category-blog,
.tab-search-result,
span.elementor-post-info__terms-list a,
.comment-post div#respond,
a.tag-cloud-link,
.video-radius > .elementor-widget-container,
.display-item img,
.border-radius-5,
.product-flavor-select select, 
.product-display-item .tag-condition {
    border-radius: 5px;
}

.tab-conditions {
    border-radius: 100px;
    overflow: hidden;
}

/*DROP SHADOW*/

.condition-listing-item,
.blog-listing-item{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}

.column-shadow > .elementor-widget-wrap,
.entry-pages-item,
.story-video-item,
.tab-conditions,
.tab-search-result,
.cards-conditions .card-infos,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom,
.product-item,
.grid-item-recipes,
.faq-repeater-item,
.testimonial-item,
.card-item,
.product-infos-accordeon-item,
.grid-resources-item {
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);
}

.entry-pages-item:hover,
.story-video-item:hover,
.condition-listing-item:hover,
.blog-listing-item:hover,
.cards-conditions .card-infos:hover,
.product-item:hover,
.grid-item-recipes:hover,
.grid-resources-item:hover {
    box-shadow: 0px 12px 15px 0px rgba(0,0,0,0.15);
}

/*IMAGES POSITION ABSOLUTE BG*/

.entry-pages-item .top-part-item img,
.story-video-item img.bg-img-story,
.story-video-item img.player-icon,
.condition-listing-item img,
.blog-listing-item img,
.grid-item-recipes .top-part-recipes img,
.testimonial-item .testimonial-right-part img,
.grid-resources-item .featured-image-resource img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

/*LINE CLAMP*/

.entry-pages-item p,
.grid-resources-item p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*CSS SEARCH FORM MENU*/

.search-form .elementor-lightbox .dialog-lightbox-close-button {
    margin: 0px;
    top: 50px;
    right: 50px;
}

/*CSS HOME PAGE*/

.banner-full-height > .elementor-container {
    min-height: calc(100vh - 116px);
}

.row-blog .elementor-column.column-middle-blog {
    width: 1080px;
}

.row-blog .elementor-column.column-left-blog,
.row-blog .elementor-column.column-right-blog{
    width: calc(50% - 540px);
    min-width: 40px;
}

/*CSS ENTRY PAGES ITEM*/

.entry-pages-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3,1fr);
}

.entry-pages-item,
.grid-item-recipes{
    overflow: hidden;
}

.entry-pages-item .top-part-item,
.grid-item-recipes .top-part-recipes{
    height: 160px;
    position: relative;
    overflow: hidden;
}

.entry-pages-item .top-part-item img {
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
}

.entry-pages-item:hover .top-part-item img {
    min-width: 130%;
    opacity: 0.8;
}

.entry-pages-item .top-part-item .mention {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.entry-pages-item .bottom-part-item {
    padding: 30px;
}

.entry-pages-item .top-part-item:after,
.condition-listing-item:after,
.grid-item-recipes .top-part-recipes:after{
    content: '';
    width: 140px;
    height: 90px;
    position: absolute;
    right: -55px;
    top: -40px;
}

.entry-pages-item.neocate .top-part-item:after,
.condition-listing-item.neocate:after,
.grid-item-recipes.neocate .top-part-recipes:after {
    background-image: url(/wp-content/uploads/2021/07/neo-pattern-repeat.svg);
}

.entry-pages-item.ketocal .top-part-item:after,
.condition-listing-item.ketocal:after,
.grid-item-recipes.ketocal .top-part-recipes:after{
    background-image: url(/wp-content/uploads/2021/07/keto-pattern-repeat.svg);
}

.entry-pages-item.metabolics .top-part-item:after,
.condition-listing-item.metabolics:after,
.grid-item-recipes.metabolics .top-part-recipes:after{
    background-image: url(/wp-content/uploads/2021/07/meta-pattern-repeat.svg);
}

/*CSS STORIES*/

.story-video-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        ". f1"
        "f2 f1"
        "f2 f3"
        ". f3";
}

.story-video-item-0 {
    grid-area: f1;
}

.story-video-item-1 {
    grid-area: f2;
}

.story-video-item-2 {
    grid-area: f3;
}


.story-video-item {
    height: 360px;
    overflow: hidden;
    position: relative;
}

.story-video-carousel .slick-list {
    overflow: visible;
}

.story-video-item.slick-slide {
    height: 360px;
    margin: 0px 15px;
}

.story-video-item.xl-height {
    height: 450px;
}

.story-video-item img.bg-img-story {
    min-width: 100%;
    opacity: 0.7;
    z-index: 1;
}

.story-video-item span.tag-condition {
    z-index: 2;
    padding: 5px 15px;
    position: absolute;
    top: 30px;
    left: 30px;
    max-width: calc(100% - 60px);
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.story-video-item img.player-icon {
    z-index: 2;
    width: 50px;
}

.story-video-item .mention {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
}

.story-video-item .mention span {
    display: block;
}

.story-video-item:hover img.bg-img-story {
    min-width: 110%;
    opacity: 0.4;
}

.story-video-item:hover .mention {
    bottom: 40px;
}

/*CSS CAROUSEL*/

.btn-prev,
.btn-next {
    cursor: pointer;
    position: absolute !important;
    bottom: 0px;
}

.btn-next {
    right: 0px;
}

.btn-prev {
    left: calc(100% - 80px);
}

/*CSS LISTING CONDITIONS*/

.condition-listing-container .slick-list.draggable {
    overflow: visible;
}

.condition-listing-item {
    overflow: hidden;
    position: relative;
    margin: 0px 15px;
}

.condition-listing-item.slick-slide {
    height: 200px ;
}

.condition-grid-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3,1fr);
}

.condition-grid-container .condition-listing-item {
    margin: 0px 0px;
    width: auto;
}

.condition-listing-item img {
    z-index: 1;
    opacity: 0.75;
    min-width: 105%;
}

.condition-listing-item .mention,
.condition-listing-item h3 {
    position: absolute;
    z-index: 2;
    left: 30px;
}

.condition-listing-item .mention {
    top: 30px;
}

.condition-listing-item h3 {
    bottom: 10px;
    max-width: 225px;
}

.condition-listing-item:hover img {
    min-width: 110%;
    opacity: 0.4;
}

.condition-listing-item:hover h3 {
    bottom: 30px;
}

/*CSS LISTING BLOG*/

.blog-listing-grid {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3,1fr);
}

.blog-listing-item {
    position: relative;
    overflow: hidden;
}

.blog-listing-carousel .slick-list.draggable {
    overflow: visible;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.blog-listing-item {
    height: 390px;
    margin: 0px 15px;
}

.blog-listing-item.featured {
    height: 360px;
}

.blog-listing-item h3, 
.blog-listing-item.featured  p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-listing-item img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
}

.blog-listing-item .category-blog,
.left-sort-col .category-blog{
    padding: 13px 18px;
    z-index: 2;
    position: absolute;
    top: 30px;
    left: 30px;
}

.left-sort-col .category-blog {
    position: relative;
    display: inline-flex;
    top: 0px;
    left:0px;
    opacity: 0.5;
}

.left-sort-col .category-blog:hover {
    opacity: 1;
}

.left-sort-col .category-blog.active {
    opacity: 1;
}

.blog-listing-item .blog-informations {
    z-index: 2;
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding: 30px;
    width: calc(100% - 60px);
}

.blog-listing-item.featured .blog-informations {
    max-width: 45%;
}

.blog-listing-item:hover img {
    min-width: 110%; 
}

/*CSS FOOTER*/

.menu-footer ul.sub-menu {
    display: block !important;
}

.elementor-nav-menu--dropdown-none.menu-footer a.elementor-sub-item {
    border: none;
    margin-top: 10px;
}

.products-template-default .elementor-location-footer {
    margin-bottom: 72px;
}

/*CSS ARCHIVE BRAND*/

.banner-boxed {
    margin: 0px 30px;
}

.info-text-box .elementor-widget-container,
.right-col-intro p {
    padding: 40px;
}

.info-text-box p:first-child:before,
.right-col-intro p:before{
    content: 'i';
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.2em;
}

.info-text-box.alt p:before {
    display: inline-block;
    margin-right: 15px;
}

.tab-conditions,
.tab-search-result{
    display: flex;
    flex-direction: row;
    max-width: 1050px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.tab-search-result {
    margin-bottom: 30px;
}

.tab-conditions button.tabs-links-conditions,
button.tabs-search-results {
    flex-grow: 1;
    white-space: normal;
    line-height: 1em;
    border-radius: 0px;
    padding: 05px 40px;
    opacity: 0.6;
    margin: 10px 0px;
}

.tab-conditions button.tabs-links-conditions:hover,
.tab-conditions button.tabs-links-conditions.active,
button.tabs-search-results:hover,
button.tabs-search-results.active {
    opacity: 1;
}

.content-conditions {
    overflow: hidden;
    margin-top: -30px;
    z-index: 1;
    position: relative;
}

.content-conditions .title-conditions {
    height: 230px;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-conditions .infos-conditions {
    max-width: 1050px;
    margin: auto;
    padding: 0px 40px;
    box-sizing: content-box;
}

.content-conditions .infos-conditions .intro-conditons,
.content-conditions .infos-conditions .two-col-infos-bottom{
    padding: 100px 0px 30px 0px;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
}

.content-conditions .infos-conditions .intro-conditons.coverage {
    padding: 60px 0px;
    max-width: 700px;
    margin: auto;
    display: block;
}

.content-conditions .infos-conditions .two-col-infos-bottom {
    padding: 0px;
}

.content-conditions .infos-conditions .intro-conditons .left-col-intro,
.content-conditions .infos-conditions .two-col-infos-bottom .left-col-bottom{
    width: calc(70% - 70px);
    margin-right: 70px;
}

.content-conditions .infos-conditions .intro-conditons .right-col-intro,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom{
    width: 30%;
}

.cards-conditions {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.yes .cards-conditions {
    flex-direction: column;
}

.cards-conditions .card-infos {
    padding: 20px;
    flex-grow: 1;
    flex-basis: 25%;
}

.product-item {
    display: flex;
    flex-direction: column;
}

.product-item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    height: 100%;
}

.product-item span.tag-condition,
.product-item button {
    display: inline;
    position: relative;
    margin: auto;
}

.card-infos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.infos-conditions .bottom-infos-conditions {
    padding: 100px 0px;
}

.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom {
    padding: 30px;
}

.card-infos img,
.content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom img {
    max-width: 50px;
    margin-bottom: 10px;
}

.card-infos img {
    margin: auto;
}

.content-conditions .infos-conditions .two-col-infos-bottom ul,
.elementor-widget-text-editor ul,
.card-infos ul,
.right-col-content ul{
    list-style: none;
    padding-inline-start: 15px;
}

.content-conditions .infos-conditions .two-col-infos-bottom ul li::before,
.elementor-widget-text-editor ul li:before,
.card-infos ul li:before,
.right-col-content ul li:before{
    content: "\2022";  
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

/*CSS DISPLAY PRODUCT*/

.carousel-product-container .slick-list {
    overflow: visible;
    display: flex;
    align-items: stretch;
}

.carousel-product-container .slick-track {
    display: flex;
    align-items: stretch;
}

.carousel-product-container .product-item {
    margin: 0px 15px;
}

.product-item {
    padding: 30px;
}

.product-item span.tag-condition,
.grid-item-recipes span.tag-product,
.grid-item-recipes span.tag-condition,
.testimonial-item span.tag-condition,
span.elementor-post-info__terms-list a,
a.tag-cloud-link, 
.product-display-item .tag-condition {
    padding: 5px 10px;
}

.product-item .product-image {
    margin-top: 20px;
    background-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-item .product-image img {
    margin: auto;
}

.product-item:hover .product-image {
    background-size: 200px;
}

.product-item.neocate .product-image {
    background-image: url(/wp-content/uploads/2021/07/bg-product-neocate2.svg);
}

.product-item.ketocal .product-image {
    background-image: url(/wp-content/uploads/2021/07/bg-product-ketocal2.svg);
}

.product-item .product-image .img {
    width: 150px;
}

/*CSS DISPLAY RECIPES*/

.grid-container-recipes {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3,1fr);
}

.three-recipes-container .slick-list,
.carousel-recipes-container .slick-list{
    overflow: visible;
    display: flex;
    align-items: stretch;
}

.three-recipes-container .slick-track,
.carousel-recipes-container .slick-track{
    display: flex;
    align-items: stretch;
}


.three-recipes-container .slick-list,
.carousel-recipes-container .slick-list{
    overflow: visible;
}

.three-recipes-container .grid-item-recipes,
.carousel-recipes-container .grid-item-recipes.slick-slide{
    margin: 0px 15px;
}

.grid-item-recipes .bottom-part-recipe {
    padding: 30px;
}

.grid-item-recipes .top-part-recipes img {
    min-width: 125%;
}

.grid-item-recipes:hover .top-part-recipes img {
    min-width: 130%;
}

.grid-item-recipes h3 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.grid-item-recipes p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.div-table-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 05px;
}

.recipe-highlight-item {
    display: list-item;
}

.recipe-ingredient-item {
    display: list-item;
    font-size: 18px;
    margin-inline-start: 15px;
}

.recipe-ingredient-item::marker {
    color: var(--e-global-color-secondary);
    margin-bottom: 05px;
}

.recipe-instruction-item {
    display: list-item;
    list-style: auto;
    margin-left: 20px;
}

.recipe-instruction-item::marker {
    font-size: 22px;
    color: var(--e-global-color-primary);
}

/*CSS SINGULAR PRODUCT*/

.product-infos-accordeon-item .innerPanel {
    display: flex;
}

.product-infos-accordeon-item .col-item:first-child {
    min-width: 60%;
    padding-right: 50px;
    padding-left: 0px;
    border-left: none;
}

.product-infos-accordeon-item .col-item:nth-child(2) {
    padding-left: 50px;
    border-left: solid 2px #E2E2E2;
    min-width: 40%;
}

/*CSS DISPLAY CATEGORY PRODUCT*/

.category-product-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(1,1fr);
}

.category-product-item {
    padding: 80px 40px;
}

.category-product-infos {
    max-width: 700px;
    margin: auto;
}

.category-product-infos .listing-product {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 40px;
}

/*CSS CAROUSEL MEDIAS*/

.carousel-medias-display-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    gap: 20px;
    align-items: stretch;
}


.carousel-medias-display-page-wrapper{
    width:90px;
}

   /* the slides */
.carousel-medias-display-page-wrapper .slick-slide {
    margin: 10px 0;
}
  /* the parent */
.carousel-medias-display-page-wrapper .slick-list {
    margin: -10px 0 ;
}

.carousel-medias-display {
    cursor:pointer;
}

.carousel-medias-display .display-item {
    width:100%;
    padding-top:90%;
    overflow:hidden;
    border-radius:5px;
    position:relative;
    cursor:pointer;
}
.carousel-medias-display .display-item > * {
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.carousel-medias-display-image-wrapper{
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    overflow:hidden;
    border-radius:5px;
}

.carousel-medias-display-image-wrapper img{
    width:100%;
    height:100%!important;
    object-fit:cover;
}

.carousel-medias-display-wrapper button.slick-prev{
    width:22px;
    height:22px;
    bottom: auto;
    top: -20px;
    left:50%;
    transform:translateX(-50%);
}

.carousel-medias-display-wrapper button.slick-next{
    width:22px;
    height:22px;
    bottom: -20px;
    top: auto;
    left:50%;
    transform: translateX(-50%) rotate(180deg);
}

.carousel-medias-display-wrapper button.slick-prev:before,
.carousel-medias-display-wrapper button.slick-next:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(assets/img/arrow-media.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.carousel-medias-display-image-wrapper .responsive-iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.carousel-medias-display-image-wrapper .responsive-iframe > iframe{
    position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/*CSS SECTION FAQ*/

.left-inner-row {
    max-width: 525px;
}

.right-inner-row {
    max-width: 500px;
}

.margin-negative {
    position: relative;
    left: -80px;
}

.faq-repeater-item {
    padding: 30px 30px 30px 70px;
    margin-bottom: 15px;
}

button.accordion,
button.accordion h2 {
    padding: 0px;
    white-space: normal;
    text-align: left;
    margin: 0px;
    position: relative;
}

.faq-repeater-item button.accordion:before {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(/wp-content/uploads/2021/07/plus-tabs.svg);
    position: absolute;
    left: -50px;
    top: -3px;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.faq-repeater-item button.accordion.active:before {
  background-image: url(/wp-content/uploads/2021/07/minus-tabs.svg);  
}

.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel .innerPanel {
    margin-top: 20px;
}

.panel p {
    margin-top: 10px;
}

/*CSS TESTIMONIAL*/

.testimonials-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.testimonial-item {
    padding: 30px;
}

.testimonial-item .flex-testimonials {
    display: flex;
    justify-content: space-around;
    vertical-align: middle;
    align-items: center;
}

.testimonial-item p {
    margin-top: 20px;
}

.testimonial-top-left-part span.tag-condition {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1em;
    margin-left: 10px;
}

.testimonial-item .testimonial-left-part {
    width: calc(100% - 185px);
    margin-right: 30px;
}

.testimonial-item .testimonial-right-part {
    width: 155px;
    position: relative;
    overflow: hidden;
    height: 200px;
}

.testimonial-item .testimonials-bottom-part {
    display: block;
    width: 100%;
}

.testimonial-top-left-part {
    display: flex;
    flex-direction: row;
}

.testimonial-item .testimonial-right-part img {
    min-width: 100%;
    min-height: 100%;
}

/*CSS CARDS BENEFITS*/

.cards-container,
.cards-conditions.two-col-keto{
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "f1 ."
        "f1 f2"
        "f1 f2"
        "f3 f2"
        "f3 f4"
        "f3 f4"
        ". f4";
}

.card-item-0 {
    grid-area: f1;
}

.card-item-1 {
    grid-area: f2;
}

.card-item-2 {
    grid-area: f3;
}

.card-item-3 {
    grid-area: f4;
}

.card-item {
    padding: 30px;
    cursor:pointer;
    max-height: fit-content;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    position: relative;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

.card-item:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

.card-item .row-display{
    transform: scaleY(1);
    max-height: 100vh;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

.card-item:hover .row-display {
    transform: scaleY(0);
    max-height:0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

.card-item .row-appear{
    transform: scaleY(0);
    max-height:0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

.card-item:hover .row-appear{
    transform: scaleY(1);
    max-height: 100vh;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    -o-transition-timing-function: cubic-bezier(.215,.005,.25,1);
    transition-timing-function: cubic-bezier(.215,.005,.25,1);
}

/*CSS PRODUCT PAGE*/

.product-infos-accordeon-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-infos-accordeon-item {
    padding: 30px 45px;
}


.product-infos-accordeon-item table.unstyledTable {
    font-size: 17px;
    margin-top: 20px;
}

.product-infos-accordeon-item table.unstyledTable::-webkit-scrollbar {
    display: none;
}

.product-infos-accordeon-item th,
.product-infos-accordeon-item td {
    padding: 10px;
}

.product-infos-accordeon-item button.accordion {
    display: flex;
    width: 100%;
    align-content: center;
}

.product-infos-accordeon-item button.accordion:after {
    content:'';
    width: 22px;
    height: 22px;
    background-image: url(assets/img/arrow-accordion.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-flex;
    position: absolute;
    right: 0px;
    transform: rotate(180deg);
}

.product-infos-accordeon-item button.accordion.active:after {
    transform: rotate(0deg);
}

/*GRID PRODUCTS*/

.grid-product-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(3,1fr);   
}

/*CSS CARDS CONDITIONS TWO COL*/

.cards-conditions.two-col {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);   
}

.cards-conditions.one-col {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(1,1fr);     
}

/*CSS INNER CONTENT TWO COLS*/

.two-col-content {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
    margin-bottom: 60px;
}

.right-col-content,
.left-col-content {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    justify-content: center;
}

.left-col-content {
    margin-right: 30px;
}

.right-col-content {
    margin-left: 30px;
}

/*CSS CAROUSEL HISTORY*/

.carousel-history-container {
    padding-left:100px;
    position:relative;
}

.dates-carousel-history {
    width: 105px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
}

.dates-carousel-history .btn-prev,
.dates-carousel-history .btn-next {
    position: relative !important;
    transform: rotate(90deg);
    left: 0px;
    right: 0px;
    margin: auto;
}

.content-date-carousel {
    /* width: calc(100% - 135px); */
    display: flex!important;
    flex-direction: row;
    padding: 60px;
    /* margin-left: 30px; */
    vertical-align: middle;
    align-items: center;
    gap: 60px;
    background-color: #F7F4FB;
}

.left-content-history,
.right-content-history {
    width: 50%;
}

.carousel-history-container ul.slick-dots {
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 0;
    padding: 40px 0;
    text-align: center;
    width: 100px;
}

.carousel-history-container .slick-dots li{
    width:auto;
    height:auto;
}

.carousel-history-container .slick-prev, .carousel-history-container .slick-next {
    top:0px;
    left:0px;
}

.carousel-history-container .slick-next {
    top:auto;
    bottom:0px!important;
}

.carousel-history-container button.slick-next {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    left: 50px;
    transform: translateX(-50%);
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50%;
    background: var(--e-global-color-primary);
    z-index:9;
}
.carousel-history-container button.slick-next::before {
    content:"";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid white;
    z-index:10;
}

.carousel-history-container button.slick-next::after {
    content: "\f107";
    text-indent: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5em;
    color:white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    z-index: 999999;
}


.carousel-history-container button.slick-prev {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    left: 50px;
    transform: translateX(-50%);
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50%;
    background: var(--e-global-color-primary);
    z-index:9;
}
.carousel-history-container button.slick-prev::before {
    content:"";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid white;
    z-index:10;
}

.carousel-history-container button.slick-prev::after {
    content: "\f107";
    text-indent: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5em;
    color:white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%) rotate(180deg);
    z-index: 999999;
}

/*CSS RESOURCES*/

.grid-resources-container {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);
}

.grid-resources-container .grid-resources-item {
    padding: 30px;
}

.grid-resources-container .grid-resources-item a {
    display: flex;
    flex-direction: row;
}

.grid-resources-item .featured-image-resource {
    width: 155px;
    position: relative;
    overflow: hidden;
}

.grid-resources-item .featured-image-resource img {
    min-width: 100%;
}

.grid-resources-item:hover .featured-image-resource img {
    min-width: 110%;
}

.grid-resources-item .infos-resources {
    width: calc(100% - 185px);
    margin-left: 30px;
}

/*CSS GRID RECIPES*/

.sort-recipes {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 30px;
}

.left-sort-col {
    width: 70%;
    display: flex;
    gap: 15px;
}

.right-sort-col {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.right-sort-col form.search-recipe {
    display: flex;
    flex-direction: row;
}

.sort-recipes.search-post,
.sort-recipes.search-post form.search-recipe {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0px;
}

.sort-recipes select,
.sort-recipes input[type="text"]{
    padding: 15px 30px; 
    width: auto;
    background: white;
}

.product-flavor-select select{
    padding: 15px 15px; 
}

.sort-recipes input[type="text"]{
    width: 250px;
}

.sort-recipes.search-post input[type="text"]{
    width: 100%;
}

.sort-recipes button{
    width: 58px;
    height: 58px;
    position: absolute;
    padding: 17px;
    right: 0px;
    top: 0px;
}

.sort-recipes input[type="text"],
.sort-recipes button {
    border-radius: 200px;
}

.grid-container-recipes-pagination {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.grid-container-recipes-pagination .page-numbers {
    padding: 5px 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: solid 2px #E2E2E2;
    border-radius: 100px;
    background-color: white;
    font-weight: 700;
}

.grid-container-recipes-pagination a.page-numbers {
    color: var(--e-global-color-primary);
    transition : all 0.2s ease;
}

.grid-container-recipes-pagination a.page-numbers:hover,
.grid-container-recipes-pagination span.page-numbers.current{
    color: var(--e-global-color-2112dba7);
    background-color: var(--e-global-color-primary);
    transition : all 0.2s ease;
}


/*MENU PRODUCT STICKY*/

.menu-sticky-bottom {
    position: fixed !important;
    width : 100% !important; 
    bottom : 0px !important;
    z-index : 9999 !important;
}    

/*CSS SINGULAR BLOG*/

.left-sort-col.center-div  {
    justify-content: center;
}

.comment-post div#respond {
    padding: 30px;
}

.comment-post p.logged-in-as a {
    text-decoration: underline;
}

.comment-post a#cancel-comment-reply-link {
    margin-left: 10px;
}

.comment-post ol.comment-list {
    margin-bottom: 30px !important;
}

.comment-post .comment-body {
    padding: 0px !important;
    margin-bottom: 30px;
    border: none !important;
}

.comment-post .comment-body img {
    display: none;
}

.category-posts ul {
    list-style: none;
    padding: 0px;
}

.category-posts ul li {
    list-style: none;
    padding: 15px 0px;
}

.category-posts.recents-posts a.tag-cloud-link {
    font-size: 14px !important;
}

.tagcloud {
    margin-top: 15px;
}

/*CSS SINGULAR RECIPES*/

.recipes-list.elementor-widget-text-editor ul li,
.recipes-list.elementor-widget-text-editor ol li {
    margin-bottom: 10px;
}

.recipes-list.elementor-widget-text-editor ol {
    padding-left: 20px;
}

/*CSS SITEMAP*/

.scroll-sitemap > .elementor-widget-wrap {
    max-height: 55vh;
    overflow-y: scroll;
}

/* Symptom Checker */
.symptom-checker-question.active {
    z-index:1;
    top:0px;
    left:auto;
    opacity:1;
    transition:top 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.symptom-checker-question {
    position:absolute;
    z-index:0;
    left:-99999px;
    top:50px;
    opacity:0;
}

.symptom-checker-results-wrapper,
.symptom-checker-results{
    display:none;
}

.symptom-checker-question{
    padding:60px 150px; 
 }
 
 span.tag-symptom-checker{
     font-size:13px;
     text-transform:uppercase;
     display:inline-block;
     padding:5px 15px;
     border-radius:5px;
     border: 1px solid #E2E2E2;
     margin:0 5px;
 }
 
 .symptom-checker-question-attribute{
     display:flex;
     justify-content:center;
     align-items:center;
 }
 
 .symptom-checker-question-number h5{
     text-transform:uppercase;
 }
 
 .symptom-checker-question-answers,
 .symptom-checker-question-actions{
     margin-top:60px;
 }
 
 .symptom-checker-question-actions > div{
     display:flex;
     justify-content:center;
     align-items:center;
 }
 
 .symptom-checker-question-actions > div button{
     margin:0 10px;
     border-radius: 25px;
     border-color:#51338B;
     border-width:2px;
     font-weight:700;
     padding:15px 35px;
     line-height:normal;
 }
 
 .symptom-checker-question-actions > div button[disabled]{
     opacity:0.8;
 }
 
 
 .symptom-checker-question-actions > div button.fill{
     color:white;
     background:#51338B;
 }
 
 .symptom-checker-question-actions > div button.stroke{
     color:#51338B;
 }
 
 .symptom-checker-question-actions > div button.stroke:hover{
     color:white;
     background:#51338B;
 }
 
 
 .symptom-checker-question-actions > div:nth-child(2){
     margin-top:30px;
 }
 
 .symptom-checker-question-actions > div:nth-child(2) button{
    border:none;
    border-radius: 0;
    padding:0 0 2px 0;
    color:#51338B;
    font-weight:700;
    border-bottom:1px solid #51338B;
    line-height:normal;
}
.symptom-checker-question-actions > div:nth-child(2) button:hover{
    background:none;
}
 
 .symptom-checker-question-answers {
     display:grid;
     grid-template-columns:1fr 1fr 1fr 1fr;
     gap:15px;
 }
 
 .symptom-checker-question-answers button{
     background:white;
     border-radius:5px;
     border:1px solid #E2E2E2;
     color:#2B3C90;
     font-size:25px;
     padding:25px 10px;
     text-align:center;
 }
 
 
 .symptom-checker-question-answers button:hover{
     color:white;
     background:linear-gradient(111deg, #51338B 0%, #2B3C90 100%);
 }
 
 
 
 .symptom-checker-question-answers button.selected{
     color:white;
     border-radius:5px;
     border:1px solid #E2E2E2;
     background:linear-gradient(111deg, #51338B 0%, #2B3C90 100%);
     font-size:25px;
     padding:25px 10px;
     text-align:center;
 }

 .symptom-checker-results-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:30px;
    margin-bottom:45px
}

.symptom-checker-results > button{
     margin:0 10px;
     border-radius: 25px;
     border-color:#51338B;
     border-width:2px;
     font-weight:700;
     padding:15px 35px;
     line-height:normal;color:white;
     background-color: var(--e-global-color-secondary);
 }

.symptom-checker-results > button:hover {
    background-color: var(--e-global-color-primary);
}

.symptom-checker-results {
    padding:40px;
}


.symptom-checker-results-tab .tag-symptom-checker{
    margin-left:0;
}

.symptom-checker-results-tab .symptom-checker-results-tab-item{
    display:grid;
    grid-template-columns:3fr 1fr;
    gap:30px;
    margin-top:30px;
}

.symptom-checker-results-tab-item-result {
    font-size:24px;
    display:grid;
    justify-content:center;
    align-items:center;
}

/*CSS FORM CONTACT*/

.contact-form .gform_wrapper.gravity-theme input,
.contact-form .gform_wrapper.gravity-theme select,
.contact-form .gform_wrapper.gravity-theme textarea {
    border-radius: 5px;
    border: solid 1px #E5E5E5;
}

.contact-form .gform_wrapper.gravity-theme textarea {
    max-height: 200px;
}

.contact-form .gform_wrapper.gravity-theme [type=submit] {
    line-height: 1em;
    font-weight: 600;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
}

.contact-form,
.contact-form input,
.contact-form .gform_wrapper.gravity-theme input,
.contact-form .gform_wrapper.gravity-theme select,
.contact-form .gform_wrapper.gravity-theme textarea {
    text-align: left;
    font-size: 17px !important;
}

/*CSS FORM NEWSLETTER*/

.newsletter-form .gform_wrapper.gravity-theme input,
.newsletter-form .gform_wrapper.gravity-theme select {
    border-radius: 0px;
    border: 0px;
    border-bottom: solid 2px white ;
    background-color: transparent;
    color: white;
}

.newsletter-form .gform_wrapper.gravity-theme input::placeholder {
    color: white;
}

.newsletter-form,
.newsletter-form input,
.newsletter-form .gform_wrapper.gravity-theme input,
.newsletter-form .gform_wrapper.gravity-theme select,
.newsletter-form  label.gfield_label{
    font-size: 17px !important;
    margin-bottom: 0px !important;
}

.newsletter-form .gform_wrapper.gravity-theme [type=submit] {
    border: solid 2px white;
    line-height: 1em;
}

.newsletter-form option {
    color: black;
}

.newsletter-form .gfield {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: flex-end;
    gap: 15px;
}

.newsletter-form .ginput_container.ginput_container_email input {
    min-width: 250px !important;
}

.newsletter-form .gform_fields {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}

/*Nutritional profile*/
.innerPanel.nutritional {
    display: flex;
    gap : 20px;
}

.innerPanel.nutritional > .quantity-outer{
    flex:1 1 0px;
}
.innerPanel.nutritional > .quantity-outer span.h4,
.innerPanel.nutritional > .quantity-outer span.h5{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 0px;
    color: var(--e-global-color-primary);
    display: block;
}

.innerPanel.nutritional > .quantity-outer span.h4{
    text-align: right;
    margin: 0!important;
}

.innerPanel.nutritional > .quantity-outer span.h5{
    text-transform:uppercase;
    margin-top:15px;
    margin-bottom:5px;
}

.innerPanel.nutritional > .quantity-outer .category-item{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    border-bottom:1px var(--e-global-color-6cd2880a) solid;
}

.category-item:nth-child(2n+1) {
    background-color: #f5f5f5;
}

.quantity-outer span.h4 {
    font-size: 18px;
    font-weight: 700;
}

.elementor-popup-modal .elementor-widget-text-editor a {
    color: var(--e-global-color-primary);
    font-weight: 600;
    text-decoration: underline;
}

/*CSS LAPTOP*/

@media screen and (max-width: 1200px) {

.cards-conditions {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2,1fr);
}
}


/*CSS TABLET*/

@media screen and (max-width: 1130px) {
    .carousel-medias-display-page-wrapper {
        width: 20%;
    }
}
@media screen and (max-width: 1024px) {

    .big-number .elementor-heading-title {
        font-size: 50px;
    }

    /*CSS MENU-TABLET*/

    .eicon-menu-bar:before {
        content: url(/wp-content/uploads/2021/07/menu-open.svg) !important;
        transition : all 0.2s ease !important;
    }

    .elementor-menu-toggle.elementor-active .eicon-menu-bar:before {
        content: url(/wp-content/uploads/2021/07/menu-close.svg) !important;
            transition : all 0.2s ease !important;
    }   

    /*CSS HOME PAGE-TABLET*/
    .banner-full-height > .elementor-container {
        min-height: calc(100vh - 110px);
    }
    
    .row-blog .elementor-column.column-middle-blog {
        width: calc(100% - 70px);
    }

    .row-blog .elementor-column.column-left-blog,
    .row-blog .elementor-column.column-right-blog{
        width: 35px;
        min-width: 35px;
    }

    /*CSS ENTRY PAGES ITEM-TABLET*/
    .entry-pages-container {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(2,1fr);
    }

    .entry-pages-item .bottom-part-item {
        padding: 15px;
    }

    /*CSS CAROUSEL-TABLET*/

    .btn-next {
        right: calc(50% - 40px);
    }

    .btn-prev {
        left: calc(50% - 40px);
    }

    /*CSS ARCHIVE BRAND-TABLET*/

    .tab-conditions button.tabs-links-conditions,
    button.tabs-search-results{
        padding: 05px 20px; 
    }

    .tab-conditions {
        margin: 0px 15px;
    }

    .content-conditions .infos-conditions .intro-conditons,
    .content-conditions .infos-conditions .two-col-infos-bottom {
        flex-direction: column;
    }

    .content-conditions .infos-conditions .intro-conditons .left-col-intro,
    .content-conditions .infos-conditions .two-col-infos-bottom .left-col-bottom,
    .content-conditions .infos-conditions .intro-conditons .right-col-intro,
    .content-conditions .infos-conditions .two-col-infos-bottom .right-col-bottom{
        width: 100%;
        margin-right: 0px;
    }

    .tab-search-result.fixed {
        width: calc(100% - 60px);
    }

    .content-conditions .infos-conditions .intro-conditons .left-col-intro,
    .content-conditions .infos-conditions .two-col-infos-bottom .left-col-bottom {
        margin-bottom: 50px;
    }

    /*CSS FAQ-TABLET*/
    .margin-negative {
        position: relative;
        left: -50px;
    }

    /*CSS TESTIMONIAL-TABLET*/

    .testimonials-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /*GRID PRODUCTS-TABLET*/

    .grid-product-container {
        grid-template-columns: repeat(2,1fr);   
    }
    
    .grid-product-container .slick-list {
        overflow: visible;
    }

    .product-item.slick-slide {
        margin: 0px 15px;
    }


    /*CSS STORY VIDEO XL*/

    .story-video-item.xl-height {
        height: 360px;
    }

    /*CSS HISTORY TABLET*/

    .content-date-carousel {
        flex-direction: column;
        padding: 40px;
        gap: 40px;
    }

    .left-content-history, .right-content-history {
        width: 100%;
    }

    /*CSS RESOURCES-TABLET*/

    .grid-resources-container .grid-resources-item a {
        flex-direction: column;
    }

    .grid-resources-item .featured-image-resource {
        width: 155px;
        height: 100px;
        position: relative;
        overflow: hidden;
    }

    .grid-resources-item .infos-resources {
        width: 100%;
        margin-left: 00px;
        margin-top: 30px;
    }

    /*CSS GRID RECIPES-TABLET*/

    .sort-recipes select,
    .sort-recipes input[type="text"]{
        max-width: 200px;
    }

    .grid-container-recipes {
        grid-template-columns: repeat(2,1fr);
    }

    .sort-recipes {
        flex-direction: column;
        gap: 30px;
    }

    .left-sort-col,
    .right-sort-col{
        width: 600px;
        margin: auto;
        position: relative;
    }

    .left-sort-col {
        justify-content: center;
    }

    .sort-recipes input[type="text"] {
        width: 100%;
    }

    .right-sort-col form.search-recipe {
        width: 100%;
    }

    /*CSS ARCHIVE BLOG-TABLET*/

    .blog-listing-item.featured .blog-informations {
        max-width: 75%;
    }

    .blog-listing-grid {
        grid-template-columns: repeat(2,1fr);
    }

    /*CSS CONDITIONS-TABLET*/

    .condition-grid-container {
        grid-template-columns: repeat(2,1fr);
    }
}

/*CSS MOBILE*/

@media screen and (max-width: 767px) {

    /*CSS FONT STYLES-MOBILE*/

    h1, h1.elementor-heading-title, .h1.elementor-heading-title,
    .post-content h1,
    .elementor-widget-text-editor h1{
        font-size: 32px;
        line-height: 1.1em;
    }

    h2, h2.elementor-heading-title, .h2 .elementor-heading-title,
    .content-conditions .title-conditions h2,
    .infos-conditions .bottom-infos-conditions h2,
    .category-product-infos h2,
    .slick-active span.date-carousel,
    .left-content-history h2,
    .post-content h2,
    .elementor-widget-text-editor h2,
    .intro-conditons.coverage h2{
        font-size: 26px;
        line-height: 1.2em;
    }

    h3, h3.elementor-heading-title, .h3 .elementor-heading-title,
    .entry-pages-item h3,
    .condition-listing-item h3,
    .blog-listing-item .blog-informations h3,
    .content-conditions .infos-conditions .intro-conditons h3,
    .cards-conditions .card-infos h3,
    .infos-conditions .bottom-infos-conditions h3,
    .product-item h3,
    .grid-item-recipes h3,
    .card-item h3,
    button.accordion,
    .product-infos-accordeon-item button.accordion h2,
    .right-col-content h3,
    .grid-resources-item h3,
    .post-content h3,
    .author-box h4.elementor-author-box__name,
    .comment-post h2#reply-title,
    .comment-post h3.title-comments,
    .category-posts h5,
    .elementor-widget-text-editor h3,
    .intro-conditons.coverage h3,
    h2.h3,
    span.h3{
        font-size: 21px;
    }

    .info-text-box p,
    .right-col-intro p,
    .big-text p,
    span.date-carousel,
    .category-posts.recents-posts ul li  {
        font-size: 19px;
    }

    button.accordion,
    .flavors-title span.elementor-heading-title,
    .faq-repeater-item h3 {
        font-size: 17px;
    }

    p,
    .information-text p,
    .story-video-item .mention,
    .content-conditions .infos-conditions .two-col-infos-bottom ul li,
    .elementor-widget-text-editor ul li,
    .card-infos ul li,
    .right-col-content ul li,
    .product-item span.product-age,
    .testimonial-item .infos-testimonial,
    .left-col-content p,
    .grid-resources-item p,
    .sort-recipes select,
    .sort-recipes input[type="text"],
    .author-box .elementor-author-box__bio,
    .elementor .content-conditions ul,
    .elementor .product-infos-accordeon-item ul,
    .elementor .product-infos-accordeon-item ol,
    .symptom-checker-results-grid ul li  {
        font-size: 16px;
        line-height: 1.4em;
    }

    span.big-date {
        font-size: 80px;
    }

    .big-number .elementor-heading-title {
        font-size: 45px;
    }

    /*CSS MENU-MOBILE*/

    .hide-mobile {
        display: none !important;
    }

    .center-mobile {
        text-align: center;
    }
    
    .search-form.elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input {
        position: relative;
        top: -15vh;
    }

    /*CSS BUTTONS-MOBILE*/
    .button-nutricia .elementor-button,
    .entry-pages-item button,
    .blog-listing-item button,
    .content-conditions button,
    .product-item button,
    .grid-item-recipes button,
    .comment-post input#submit,
    .elementor-default .gform_wrapper.gravity-theme [type=submit], 
    .product-display-item .button-nutricia, 
    .product-tabs-content .button-nutricia {
        padding: 14px 25px;
        margin-top: 10px;
    }

    .elementor-default .gform_wrapper.gravity-theme [type=submit] {
        line-height: 1em !important;
    }

    .button-nutricia.stroke .elementor-button,
    .newsletter-form .gform_wrapper.gravity-theme [type=submit]:hover {
        padding: 12px 23px;
        margin-top: 10px;
    }

    .button-nutricia.bottom-menu .elementor-button {
        padding: 14px 12px;
        margin-top: 0px;
    }

    .button-nutricia.stroke.bottom-menu .elementor-button {
        padding: 12px 10px;
        margin-top: 0px;
    }

    .entry-pages-item button.brand-item::after {
        position: relative;
        top: -4px;
        margin-right: -6px;
    }

    /*CSS HOME PAGE-MOBILE*/
    .banner-full-height > .elementor-container {
        display: flex;
        vertical-align: bottom;
        align-items: flex-end !important;
        flex-direction: column-reverse;
    }

    .banner-full-height > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(360deg, #FFFFFFBA 50%, #FFFFFF00 75%) !important;
    } 
    
    .row-blog .elementor-column.column-middle-blog {
        width: 275px;
    }

    .row-blog .elementor-column.column-left-blog {
        width: 07.5px;
        min-width: 07.5px;
    }

    .row-blog .elementor-column.column-right-blog {
        width: calc(100% - 282.5px);
        min-width: calc(100% - 282.5px);
    }


    /*CSS ENTRY PAGES ITEM-MOBILE*/

    .entry-pages-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
    }

    .entry-pages-item .bottom-part-item {
        padding: 30px;
    }

    /*CSS STORIES-MOBILE*/

    .story-video-container {
        display: flex;
        flex-direction: column;
    }
    
    .story-video-item.slick-slide {
        margin: 0px 07.5px;
    }
    
    .story-video-item.slick-active {
        box-shadow: 0px 12px 15px 0px rgb(0 0 0 / 15%);
        background: linear-gradient(180deg, rgba(43,60,144,1) 0%, rgba(43,60,144,1) 66%, rgba(81,51,139,1) 100%);
    }
    
    .story-video-item.slick-active span.tag-condition {
        background-color: var(--e-global-color-1c5841ad);
        color: var(--e-global-color-primary);
    }
    
    .story-video-item.slick-active .mention {
        bottom: 40px;
    }
    
    .story-video-item.slick-active img.bg-img-story {
        min-width: 110%;
        opacity: 0.4;
    }

    /*CSS CONDITIONS-MOBILE*/

    .condition-grid-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
    }

    .condition-listing-item {
        margin: 0px 7.5px;
    }
    
    .condition-listing-item.slick-slide {
        height: 160px;
    }

    /*CSS BLOG-MOBILE*/

    .blog-listing-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
    }

    .blog-listing-item.slick-slide {
        height: 290px;
        margin: 0px 07.5px;
    }

    .blog-listing-item.featured {
        height: 320px;
    }

    .blog-listing-item .blog-informations {
        bottom: 15px;
        left:15px;
        width: calc(100% - 30px);
        padding: 20px;
    }

    .blog-listing-item .category-blog {
        top: 15px;
        left:15px;
    }

    .sort-recipes form.search-post {
        width: 100%;
    }

    /*CSS ARCHIVE BLOG-MOBILE*/

    .blog-listing-item.featured .blog-informations {
        max-width: calc(100% - 30px);
    }
    
    /*CSS DISPLAY PRODUCT-MOBILE*/
    
    .carousel-product-container .product-item {
        margin: 0px 07.5px;
    }
    
    .product-item {
        padding: 20px;
    }

    /*CSS FOOTER-MOBILE*/

    .menu-footer ul li,
    .bottom-menu-footer ul li{
        display: block !important;
        width: 100%;
        margin-bottom: 15px;
    }

    .elementor-nav-menu--dropdown-none.menu-footer a.elementor-sub-item {
        margin-top: 15px;
    }

    .products-template-default .elementor-location-footer {
        margin-bottom: 66px;
    }

    /*CSS SINGULAR PRODUCT MOBILE*/

    .product-infos-accordeon-item .innerPanel {
        display: flex;
        flex-direction: column;
    }

    .product-infos-accordeon-item .col-item:first-child {
        min-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 50px;
        border-left: none;
    }

    .product-infos-accordeon-item .col-item:nth-child(2) {
        padding-left: 0px;
        padding-top: 50px;
        border-left: none;
        border-top: solid 2px #E2E2E2;
        min-width: 100%;
    }

    /*CSS ARCHIVE BRAND*/

    .banner-boxed {
        margin: 0px 15px;
    }

    .info-text-box p:first-child:before,
    .right-col-intro p:before{
        line-height: 1.5em;
    }

    .tab-conditions {
        flex-direction: column;
        box-shadow: none;
        background-color: transparent;
        margin: 0px;
    }

    .tab-search-result {
        margin-bottom: 15px;
        overflow: scroll;
    }

    .tab-search-result.fixed {
        width: calc(100% - 80px);
        margin: 0px 25px;
    }

    button.tabs-search-results {
        white-space: nowrap;
    }

    .tab-conditions button.tabs-links-conditions,
    .tab-conditions button.tabs-links-conditions:hover {
        border-radius: 5px;
        background-color: var(--e-global-color-2112dba7);
        border: none;
        margin: 07.5px 0px;
        padding: 17px 55px;
        text-align: left;
        opacity: 1;
        box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);
        position: relative;
    }

    .tab-conditions button.tabs-links-conditions.active {
        border-radius: 5px 5px 0px 0px;
    } 

    button.tabs-links-conditions:before,
    .faq-repeater-item button.accordion:before{
        content: '';
        width: 10px;
        height: 10px;
        background-image: url(/wp-content/uploads/2021/07/plus-tabs.svg);
        position: absolute;
        left: 15px;
        top: 15px;
        padding: 10px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .faq-container .faq-repeater-item button.accordion:before {
        left: -35px;
        top: 0px;
    }

    button.tabs-links-conditions.active:before,
    .faq-repeater-item button.accordion.active:before{
      background-image: url(/wp-content/uploads/2021/07/minus-tabs.svg);  
    }

    .content-conditions {
        margin-top: -07.5px;
        border-radius: 0px 0px 5px 5px;
    }

    .content-conditions .title-conditions {
        max-height: 150px;
        margin: 0px 15px;
        border-radius: 5px;
    }

    .content-conditions .infos-conditions .intro-conditons {
        padding: 40px 0px 15px 0px;
    }

    .content-conditions .infos-conditions {
        padding: 0px 30px;
    }

    .cards-conditions {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .infos-conditions .bottom-infos-conditions {
        padding: 40px 0px;
    }

    /*CSS TABS MOBILE*/

    .tab-conditions {
        border-radius: 0px;
        overflow: visible;
    }

    .tab-conditions button.tabs-links-conditions {
        border: none !important;
    }

    /*CSS DISPLAY RECIPES-MOBILE*/

    .grid-container-recipes {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
    }
    
    .three-recipes-container .grid-item-recipes,
    .carousel-recipes-container .grid-item-recipes.slick-slide {
        margin: 0px 07.5px;
    }

    .grid-item-recipes .bottom-part-recipe {
        padding: 20px 15px;
    }
    
    .grid-item-recipes span.tag-condition {
        padding: 5px;
    }

    /*CSS DISPLAY CATEGORY PRODUCT-MOBILE*/

    .category-product-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .category-product-item {
        padding: 40px 15px;
    }

    .grid-product-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);   
    }

    .category-product-infos .listing-product {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
        margin-top: 30px;
    }

    .category-product-infos p {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    /*CSS MEDIAS CAROUSEL-MOBILE*/ 
    .carousel-medias-display-wrapper {
        flex-direction: column-reverse;
        gap: 15px;
    }
    
    .carousel-medias-display-page-wrapper{
        width:100%;
        max-width:390px;
        margin:0 auto;
    }
    
    .carousel-medias-display-image-wrapper{
        width:100%;
        max-width:390px;
        height:340px;
        margin:0 auto;
        flex-grow: unset;
        flex-basis: unset;
    }

    /* the slides */
    .carousel-medias-display-page-wrapper .slick-slide {
        margin: 0px 10px;
    }
    /* the parent */
    .carousel-medias-display-page-wrapper .slick-list {
        margin: 0 -10px ;
    }

        
    .carousel-medias-display-wrapper button.slick-prev{
        width:22px;
        height:22px;
        bottom: auto;
        top: 50%;
        left:-25px;
        transform:translateY(-50%) rotate(-90deg);
    }

    .carousel-medias-display-wrapper button.slick-next{
        width:22px;
        height:22px;
        left: auto;
        bottom: auto;
        top: 50%;
        right:-25px;
        transform: translateY(-50%) rotate(90deg);
    }

    /*CSS BENEFITS-MOBILE*/
    
    .cards-container,
    .cards-conditions.two-col-keto {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
        grid-template-areas:
            "f1"
            "f2"
            "f3"
            "f4";
    }

    .column-white-mobile > .elementor-widget-wrap {
        background-color: var(--e-global-color-1c5841ad);
    }

    /*CSS FAQ-MOBILE*/

    .faq-repeater-item {
        padding: 17px 20px 17px 55px;
    }

    .margin-negative {
        position: relative;
        left: 0px;
    }

    button.accordion:before{
        left: -40px;
        top: -3px;
        padding: 12px;
    }

    /*CSS TESTIMONIALS-MOBILE*/

    .testimonials-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .testimonial-item .flex-testimonials {
        flex-direction: column-reverse;
    }

    .testimonial-item .testimonial-right-part {
        width: 100%;
        height: 130px;
    }

    .testimonial-item .testimonial-left-part {
        width: 100%;
        margin-right: 0px;
        margin-top: 30px;
    }

    /*CSS PRODUCT PAGE-MOBILE*/

    .product-infos-accordeon-item {
        padding: 15px 30px;
    }

    .product-infos-accordeon-item table.unstyledTable,
    .elementor .elementor-widget-container table.unstyledTable {
        overflow-x: scroll;
        position: relative;
        display: block;
    }

    .product-infos-accordeon-item button.accordion:after {
        width: 14px;
        height: 14px;
        top: 8px;
    }

    .info-text-box.alt p:before {
        display: block;
        margin :auto;
        margin-bottom: 10px;
    }

    /*CSS CARDS CONDITIONS TWO COL*/

    .cards-conditions.two-col {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);   
    }

    /*CSS INNER CONTENT TWO COLS-MOBILE*/

    .two-col-content {
        flex-direction: column;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .right-col-content,
    .left-col-content {
        width: 100%;
    }

    .left-col-content {
        margin-right: 00px;
        margin-bottom: 15px
    }

    .right-col-content {
        margin-left: 00px;
    }

    /*CSS HISTORY MOBILE*/

    .carousel-history-container {
        flex-direction: column;
    }

    .dates-carousel-history {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    
    .dates-carousel-history::-webkit-scrollbar {
        display: none;
    }
    
    .dates-carousel-history .btn-prev, .dates-carousel-history .btn-next {
        display: none;
    }

    .dates-carousel-history,
    .content-date-carousel,
    .left-content-history, 
    .right-content-history {
        width: 100%;
    }

    .content-date-carousel {
        margin-left: 0px;
        margin-top: 60px;
        padding: 15px;
        gap: 15px;
    }
    
    span.date-carousel {
        margin: 0px 10px;
    }

    .carousel-history-container {
        padding-left: 0;
    }
    
    .carousel-history-container button.slick-next, .carousel-history-container button.slick-prev {
        display:none;
    }
    
    .carousel-history-container ul.slick-dots{
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        top: -50px;
        bottom: auto;
        padding: 40px 0 0px 0;
        align-items: normal;
        justify-content: normal;
    }

    /*CSS BRAND MARKER*/

    .brand-marker .elementor-heading-title:after {
        width: 15px;
        height: 15px;
        top: 0px;
    }

    /*CSS RESOURCES-MOBILE*/

    .grid-resources-container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1,1fr);
    }

    .grid-resources-container .grid-resources-item {
        padding: 15px;
    }

    .grid-resources-item .featured-image-resource {
        width: 100%;
    }

    .grid-resources-item .infos-resources {
        margin-top: 15px;
    }
    

    /*CSS GRID RECIPES-MOBILE*/

    .sort-recipes {
        gap: 15px;
        margin-bottom: 15px;
    }

    .sort-recipes select {
        width: 100%;
        padding: 10px;
    }

    .right-sort-col{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    
    .left-sort-col{
        width: 100%;
        align-items: center;
        white-space: nowrap;
        overflow: scroll;
        justify-content: flex-start;
    }
    
    .left-sort-col::-webkit-scrollbar {
        display: none;
    }

    .sort-recipes button {
        width: 54px;
        height: 54px;
        padding: 15px;
    }

    /*CSS SINGULAR BLOG*/

    .comment-post div#respond {
        padding: 15px;
    }

    .comment-post ol.comment-list {
        margin-bottom: 15px !important;
    }

    .comment-post .comment-body {
        margin-bottom: 15px;
    }

    .symptom-checker-question {
        padding: 40px;
    }

    .symptom-checker-results-grid,
    .symptom-checker-results-tab .symptom-checker-results-tab-item,
    .symptom-checker-question-answers {
        grid-template-columns: 1fr;
    }

    .symptom-checker-question-actions > div {
        flex-direction: column-reverse;
    }
    .symptom-checker-question-actions > div > button{
        margin-bottom:20px;
    }

    .newsletter-form .gform_fields {
        flex-direction: column;
    }

    .newsletter-form .gfield {
        display: flex;
        flex-direction: column;
        vertical-align: middle;
        align-items: flex-start;
        gap: 15px;
    }

    .newsletter-form .ginput_container.ginput_container_email input {
        min-width: auto !important;
    }
}

/** LANDING V2 **/

.bg-secondary-dark {
    background-color: #9a1d63;
}

.bg-tertiary {
    background-color: #177ca1;
}

.color-tertiary {
    color: #177ca1;
}

.color-secondary a {
    color: #4f2582;
}

.img-size-fixed img {
    height: 150px!important;
    width: auto;
}

.btn-tertiary .elementor-button {
    background-color: #177ca1!important;
}

.btn-tertiary .elementor-button:hover {
    background-color: #9a1d63!important;
}