@charset "UTF-8"; :root { --fa-font-solid: normal 900 1em/1 "Font Awesome 5 Pro"; --fa-font-regular: normal 400 1em/1 "Font Awesome 5 Pro"; --fa-font-light: normal 300 1em/1 "Font Awesome 5 Pro"; --fa-font-duotone: normal 900 1em/1 "Font Awesome 5 Duotone"; --fa-font-brands: normal 400 1em/1 "Font Awesome 5 Brands"; } .icon::before, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before, .sectionRecipesCategory .slick-prev::before, .sectionRecipesCategory .slick-next::before, .sliderRecipes .slick-prev::before, .sliderRecipes .slick-next::before, .sectionStories .nav-tabs-stories .slick-prev::before, .sectionStories .nav-tabs-stories .slick-next::before, .sliderProductsHome .slick-prev::before, .sliderProductsHome .slick-next::before, .content-testimonial .testimonial-detail-content blockquote::before { /* removed font- based rules */ display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .icon-solid, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before, #navbar-mobile-menu-wrapper .itemLink a::after, .sectionRecipesCategory .slick-prev::before, .sectionRecipesCategory .slick-next::before, .sliderProductsHome .slick-prev::before, .sliderProductsHome .slick-next::before, .content-testimonial .testimonial-detail-content blockquote::before { font: var(--fa-font-solid); font-weight: 900; } .icon-regular, .sliderRecipes .slick-prev::before, .sliderRecipes .slick-next::before, .sectionStories .nav-tabs-stories .slick-prev::before, .sectionStories .nav-tabs-stories .slick-next::before, .section-ingredients-sources .accordionIngredientsSources .card-header button::after { font: var(--fa-font-regular); font-weight: 400; } .icon-light { font: var(--fa-font-light); font-weight: 300; } .icon-duotone, .icon-duo { font: var(--fa-font-duotone); font-weight: 900; } .icon-brands { font: var(--fa-font-brands); font-weight: 400; } html { scroll-behavior: smooth; } body { font-family: 'Asap'; font-weight: normal; font-style: normal; background-color: #F8F7F5; overflow-x: hidden !important; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-Bold.eot"); src: url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato-Bold.svg#Lato-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-BlackItalic.eot"); src: url("../fonts/Lato-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-BlackItalic.woff2") format("woff2"), url("../fonts/Lato-BlackItalic.woff") format("woff"), url("../fonts/Lato-BlackItalic.ttf") format("truetype"), url("../fonts/Lato-BlackItalic.svg#Lato-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-BoldItalic.eot"); src: url("../fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-BoldItalic.woff2") format("woff2"), url("../fonts/Lato-BoldItalic.woff") format("woff"), url("../fonts/Lato-BoldItalic.ttf") format("truetype"), url("../fonts/Lato-BoldItalic.svg#Lato-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-Black.eot"); src: url("../fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-Regular.eot"); src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lato Hairline"; src: url("../fonts/Lato-Hairline.eot"); src: url("../fonts/Lato-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Hairline.woff2") format("woff2"), url("../fonts/Lato-Hairline.woff") format("woff"), url("../fonts/Lato-Hairline.ttf") format("truetype"), url("../fonts/Lato-Hairline.svg#Lato-Hairline") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lato Hairline"; src: url("../fonts/Lato-HairlineItalic.eot"); src: url("../fonts/Lato-HairlineItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-HairlineItalic.woff2") format("woff2"), url("../fonts/Lato-HairlineItalic.woff") format("woff"), url("../fonts/Lato-HairlineItalic.ttf") format("truetype"), url("../fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-LightItalic.eot"); src: url("../fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-LightItalic.woff2") format("woff2"), url("../fonts/Lato-LightItalic.woff") format("woff"), url("../fonts/Lato-LightItalic.ttf") format("truetype"), url("../fonts/Lato-LightItalic.svg#Lato-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-Italic.eot"); src: url("../fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Italic.woff2") format("woff2"), url("../fonts/Lato-Italic.woff") format("woff"), url("../fonts/Lato-Italic.ttf") format("truetype"), url("../fonts/Lato-Italic.svg#Lato-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url("../fonts/Lato-Light.eot"); src: url("../fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype"), url("../fonts/Lato-Light.svg#Lato-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Lucida Grande'; src: url("../fonts/LucidaGrande-Bold.eot"); src: url("../fonts/LucidaGrande-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LucidaGrande-Bold.woff2") format("woff2"), url("../fonts/LucidaGrande-Bold.woff") format("woff"), url("../fonts/LucidaGrande-Bold.ttf") format("truetype"), url("../fonts/LucidaGrande-Bold.svg#LucidaGrande-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lucida Grande'; src: url("../fonts/LucidaGrande.eot"); src: url("../fonts/LucidaGrande.eot?#iefix") format("embedded-opentype"), url("../fonts/LucidaGrande.woff2") format("woff2"), url("../fonts/LucidaGrande.woff") format("woff"), url("../fonts/LucidaGrande.ttf") format("truetype"), url("../fonts/LucidaGrande.svg#LucidaGrande") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'FreeSans'; src: url("../fonts/FreeSans.eot"); src: url("../fonts/FreeSans.eot?#iefix") format("embedded-opentype"), url("../fonts/FreeSans.woff2") format("woff2"), url("../fonts/FreeSans.woff") format("woff"), url("../fonts/FreeSans.ttf") format("truetype"), url("../fonts/FreeSans.svg#FreeSans") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Satisfy'; src: url("../fonts/Satisfy-Regular.eot"); src: url("../fonts/Satisfy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Satisfy-Regular.woff2") format("woff2"), url("../fonts/Satisfy-Regular.woff") format("woff"), url("../fonts/Satisfy-Regular.ttf") format("truetype"), url("../fonts/Satisfy-Regular.svg#Satisfy-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-BlackItalic.eot"); src: url("../fonts/Asap-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-BlackItalic.woff2") format("woff2"), url("../fonts/Asap-BlackItalic.woff") format("woff"), url("../fonts/Asap-BlackItalic.ttf") format("truetype"), url("../fonts/Asap-BlackItalic.svg#Asap-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Black.eot"); src: url("../fonts/Asap-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Black.woff2") format("woff2"), url("../fonts/Asap-Black.woff") format("woff"), url("../fonts/Asap-Black.ttf") format("truetype"), url("../fonts/Asap-Black.svg#Asap-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-ExtraBold.eot"); src: url("../fonts/Asap-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-ExtraBold.woff2") format("woff2"), url("../fonts/Asap-ExtraBold.woff") format("woff"), url("../fonts/Asap-ExtraBold.ttf") format("truetype"), url("../fonts/Asap-ExtraBold.svg#Asap-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-BoldItalic.eot"); src: url("../fonts/Asap-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-BoldItalic.woff2") format("woff2"), url("../fonts/Asap-BoldItalic.woff") format("woff"), url("../fonts/Asap-BoldItalic.ttf") format("truetype"), url("../fonts/Asap-BoldItalic.svg#Asap-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-ExtraBoldItalic.eot"); src: url("../fonts/Asap-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Asap-ExtraBoldItalic.woff") format("woff"), url("../fonts/Asap-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Asap-ExtraBoldItalic.svg#Asap-ExtraBoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Bold.eot"); src: url("../fonts/Asap-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Bold.woff2") format("woff2"), url("../fonts/Asap-Bold.woff") format("woff"), url("../fonts/Asap-Bold.ttf") format("truetype"), url("../fonts/Asap-Bold.svg#Asap-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-ExtraLightItalic.eot"); src: url("../fonts/Asap-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Asap-ExtraLightItalic.woff") format("woff"), url("../fonts/Asap-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Asap-ExtraLightItalic.svg#Asap-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Medium.eot"); src: url("../fonts/Asap-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Medium.woff2") format("woff2"), url("../fonts/Asap-Medium.woff") format("woff"), url("../fonts/Asap-Medium.ttf") format("truetype"), url("../fonts/Asap-Medium.svg#Asap-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-ExtraLight.eot"); src: url("../fonts/Asap-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-ExtraLight.woff2") format("woff2"), url("../fonts/Asap-ExtraLight.woff") format("woff"), url("../fonts/Asap-ExtraLight.ttf") format("truetype"), url("../fonts/Asap-ExtraLight.svg#Asap-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Light.eot"); src: url("../fonts/Asap-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Light.woff2") format("woff2"), url("../fonts/Asap-Light.woff") format("woff"), url("../fonts/Asap-Light.ttf") format("truetype"), url("../fonts/Asap-Light.svg#Asap-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-LightItalic.eot"); src: url("../fonts/Asap-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-LightItalic.woff2") format("woff2"), url("../fonts/Asap-LightItalic.woff") format("woff"), url("../fonts/Asap-LightItalic.ttf") format("truetype"), url("../fonts/Asap-LightItalic.svg#Asap-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Italic.eot"); src: url("../fonts/Asap-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Italic.woff2") format("woff2"), url("../fonts/Asap-Italic.woff") format("woff"), url("../fonts/Asap-Italic.ttf") format("truetype"), url("../fonts/Asap-Italic.svg#Asap-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Regular.eot"); src: url("../fonts/Asap-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Regular.woff2") format("woff2"), url("../fonts/Asap-Regular.woff") format("woff"), url("../fonts/Asap-Regular.ttf") format("truetype"), url("../fonts/Asap-Regular.svg#Asap-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-SemiBold.eot"); src: url("../fonts/Asap-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-SemiBold.woff2") format("woff2"), url("../fonts/Asap-SemiBold.woff") format("woff"), url("../fonts/Asap-SemiBold.ttf") format("truetype"), url("../fonts/Asap-SemiBold.svg#Asap-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-MediumItalic.eot"); src: url("../fonts/Asap-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-MediumItalic.woff2") format("woff2"), url("../fonts/Asap-MediumItalic.woff") format("woff"), url("../fonts/Asap-MediumItalic.ttf") format("truetype"), url("../fonts/Asap-MediumItalic.svg#Asap-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-SemiBoldItalic.eot"); src: url("../fonts/Asap-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Asap-SemiBoldItalic.woff") format("woff"), url("../fonts/Asap-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Asap-SemiBoldItalic.svg#Asap-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-ThinItalic.eot"); src: url("../fonts/Asap-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-ThinItalic.woff2") format("woff2"), url("../fonts/Asap-ThinItalic.woff") format("woff"), url("../fonts/Asap-ThinItalic.ttf") format("truetype"), url("../fonts/Asap-ThinItalic.svg#Asap-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Asap'; src: url("../fonts/Asap-Thin.eot"); src: url("../fonts/Asap-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Thin.woff2") format("woff2"), url("../fonts/Asap-Thin.woff") format("woff"), url("../fonts/Asap-Thin.ttf") format("truetype"), url("../fonts/Asap-Thin.svg#Asap-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } .satisfy, .cHeroBanner .cBanner h1 span, .cHeroBanner .cBanner h2 span, .cHeroBanner .cBanner h3 span, .cHeroBanner .cBanner h4 span, .cHeroBanner .cBanner h5 span, .cHeroBanner .cBanner h6 span, .cHeroBanner_v2 .cBanner h1 span, .cHeroBanner_v2 .cBanner h2 span, .cHeroBanner_v2 .cBanner h3 span, .cHeroBanner_v2 .cBanner h4 span, .cHeroBanner_v2 .cBanner h5 span, .cHeroBanner_v2 .cBanner h6 span, .cHeroBanner_v3 .cBanner h1 span, .cHeroBanner_v3 .cBanner h2 span, .cHeroBanner_v3 .cBanner h3 span, .cHeroBanner_v3 .cBanner h4 span, .cHeroBanner_v3 .cBanner h5 span, .cHeroBanner_v3 .cBanner h6 span, .heading-2 h1, .heading-2 h2, .heading-2 h3, .heading-2 h4, .heading-2 h5, .heading-2 h6, .c-heading h1 span, .c-heading h2 span, .c-heading h3 span, .c-heading h4 span, .c-heading h5 span, .c-heading h6 span, .heading-block h1 span, .heading-block h2 span, .heading-block h3 span, .heading-block h4 span, .heading-block h5 span, .heading-block h6 span, .heading-block-2 h1 span, .heading-block-2 h2 span, .heading-block-2 h3 span, .heading-block-2 h4 span, .heading-block-2 h5 span, .heading-block-2 h6 span, .heading-page h1 span, .heading-page h2 span, .heading-page h3 span, .heading-page h4 span, .heading-page h5 span, .heading-page h6 span, .heading-page .h1 span, .tab-content-storie .contentStorie .iconStorieMobile p, .tab-content-storie .contentStorie .storieQuote p, .tab-content-storie .contentStorie .iconStorie1 p, .satisfy-regular { font-family: 'Satisfy'; font-weight: normal; font-style: normal; } .asap-black-italic { font-family: 'Asap'; font-weight: 900; font-style: italic; } .asap-black { font-family: 'Asap'; font-weight: 900; font-style: normal; } .asap-extrabold { font-family: 'Asap'; font-weight: bold; font-style: normal; } .asap-bold-italic { font-family: 'Asap'; font-weight: bold; font-style: italic; } .asap-extrabold-italic { font-family: 'Asap'; font-weight: bold; font-style: italic; } .asap-bold, #navbar .nav-item .cNavLink, #navbar .search-cta, #navbar .dropdown-menu .linkProduct a:hover, #navbar .dropdown-menu .linkProduct a:focus, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div, #navbar-mobile-menu-wrapper .itemLink a, #navbar-mobile-menu-wrapper .cListProductMobile .infoProduct p, .cNewsletter h1, .cNewsletter h2, .cNewsletter h3, .cNewsletter h4, .cNewsletter h5, .cNewsletter h6, .cFooter .titleColumn, .cHeroBanner .cBanner h1, .cHeroBanner .cBanner h2, .cHeroBanner .cBanner h3, .cHeroBanner .cBanner h4, .cHeroBanner .cBanner h5, .cHeroBanner .cBanner h6, .cHeroBanner_v2 .cBanner h1, .cHeroBanner_v2 .cBanner h2, .cHeroBanner_v2 .cBanner h3, .cHeroBanner_v2 .cBanner h4, .cHeroBanner_v2 .cBanner h5, .cHeroBanner_v2 .cBanner h6, .cHeroBanner_v3 .cBanner h1, .cHeroBanner_v3 .cBanner h2, .cHeroBanner_v3 .cBanner h3, .cHeroBanner_v3 .cBanner h4, .cHeroBanner_v3 .cBanner h5, .cHeroBanner_v3 .cBanner h6, .heading-1 h1, .heading-1 h2, .heading-1 h3, .heading-1 h4, .heading-1 h5, .heading-1 h6, .c-heading h1, .c-heading h2, .c-heading h3, .c-heading h4, .c-heading h5, .c-heading h6, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .heading-block-2 h1, .heading-block-2 h2, .heading-block-2 h3, .heading-block-2 h4, .heading-block-2 h5, .heading-block-2 h6, .teaserProduct .card .titleProduct p, .cBanner2 .cTitleBanner1 h1, .cBanner2 .cTitleBanner1 h2, .cBanner2 .cTitleBanner1 h3, .cBanner2 .cTitleBanner1 h4, .cBanner2 .cTitleBanner1 h5, .cBanner2 .cTitleBanner1 h6, .heading-page h1, .heading-page h2, .heading-page h3, .heading-page h4, .heading-page h5, .heading-page h6, .heading-page .h1, .sectionBlog .filterBlog .filter1 select, .sectionBlog .filterBlog .searchBlog input[type="text"], .teaserArticle .card .titleArticle p, .teaserRecipe .contentRecipe h1, .teaserRecipe .contentRecipe h2, .teaserRecipe .contentRecipe h3, .teaserRecipe .contentRecipe h4, .teaserRecipe .contentRecipe h5, .teaserRecipe .contentRecipe h6, .item-contact h1, .item-contact h2, .item-contact h3, .item-contact h4, .item-contact h5, .item-contact h6, .item-contact .moreInfo a, .sectionStories .nav-tabs-stories .nav-link.active span, .cJoinCommunity h1, .cJoinCommunity h2, .cJoinCommunity h3, .cJoinCommunity h4, .cJoinCommunity h5, .cJoinCommunity h6, .teaserMiniProduct .contentProduct .infoProduct p, .productDescription .titleProduct h1, .productDescription .titleProduct h2, .productDescription .titleProduct h3, .productDescription .titleProduct h4, .productDescription .titleProduct h5, .productDescription .titleProduct h6, .cDetailProduct .titleProduct h1, .cDetailProduct .titleProduct h2, .cDetailProduct .titleProduct h3, .cDetailProduct .titleProduct h4, .cDetailProduct .titleProduct h5, .cDetailProduct .titleProduct h6, .section-whats-inside .itemInside p, .section-ingredients-sources .accordionIngredientsSources .card-header button, .section-resources-support-products ul li, .section-benefits-simplink .cHeadingSimplink, .section-banner-green .cBannerGreen1 .cTitle h1, .section-banner-green .cBannerGreen1 .cTitle h2, .section-banner-green .cBannerGreen1 .cTitle h3, .section-banner-green .cBannerGreen1 .cTitle h4, .section-banner-green .cBannerGreen1 .cTitle h5, .section-banner-green .cBannerGreen1 .cTitle h6 { font-family: 'Asap'; font-weight: bold; font-style: normal; } .asap-extralight-italic { font-family: 'Asap'; font-weight: 200; font-style: italic; } .asap-medium { font-family: 'Asap'; font-weight: 500; font-style: normal; } .asap-extralight { font-family: 'Asap'; font-weight: 200; font-style: normal; } .asap-light { font-family: 'Asap'; font-weight: 300; font-style: normal; } .asap-light-italic { font-family: 'Asap'; font-weight: 300; font-style: italic; } .asap-italic { font-family: 'Asap'; font-weight: normal; font-style: italic; } .asap-regular, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div { font-family: 'Asap'; font-weight: normal; font-style: normal; } .asap-semibold, .teaserRecipe .footerRecipe .item .btn-download-recipe, .teaserRecipe .footerRecipe .item .btn-watch-recipe { font-family: 'Asap'; font-weight: 600; font-style: normal; } .asap-medium-italic { font-family: 'Asap'; font-weight: 500; font-style: italic; } .asap-semibold-italic { font-family: 'Asap'; font-weight: 600; font-style: italic; } .asap-thin-italic { font-family: 'Asap'; font-weight: 100; font-style: italic; } .asap-thin { font-family: 'Asap'; font-weight: 100; font-style: normal; } .color-blue, .color-blue * { color: #072066 !important; } .color-green, .color-green * { color: #418628 !important; } .bg-green { background-color: #418628; } .bg-white { background-color: white; } @media screen and (max-width: 991px) { .fs-12px, .fs-12 { font-size: 12px; } } @media screen and (max-width: 991px) { .fs-14px, .fs-14 { font-size: 14px; } } @media screen and (max-width: 991px) { .fs-16px, .fs-16 { font-size: 16px; } } @media screen and (max-width: 991px) { .fs-18px, .fs-18 { font-size: 18px; } } @media screen and (max-width: 991px) { .fs-20px, .fs-20 { font-size: 20px; } } @media screen and (max-width: 991px) { .fs-22px, .fs-22 { font-size: 22px; } } @media screen and (max-width: 991px) { .fs-24px, .fs-24 { font-size: 24px; } } @media screen and (min-width: 992px) { .fs-lg-12px, .fs-lg-12 { font-size: 12px; } } @media screen and (min-width: 992px) { .fs-lg-14px, .fs-lg-14 { font-size: 14px; } } @media screen and (min-width: 992px) { .fs-lg-16px, .fs-lg-16 { font-size: 16px; } } @media screen and (min-width: 992px) { .fs-lg-18px, .fs-lg-18 { font-size: 18px; } } @media screen and (min-width: 992px) { .fs-lg-20px, .fs-lg-20 { font-size: 20px; } } @media screen and (min-width: 992px) { .fs-lg-22px, .fs-lg-22 { font-size: 22px; } } @media screen and (min-width: 992px) { .fs-lg-24px, .fs-lg-24 { font-size: 24px; } } .color-white, .color-white * { color: #fff !important; } @media (min-width: 1200px) { .container { max-width: 1450px !important; } } a { text-decoration: none; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; transition: all 0.3s !important; display: inline-block; } a:hover, a:focus, a:active { text-decoration: none !important; outline: none; } @media (min-width: 768px) { .text-small { font-size: 14px; line-height: 22px; } } .top-bar { background-color: #418628; z-index: 500; position: relative; } @media screen and (max-width: 991px) { .top-bar { display: none; } } .top-bar .cSignUp-img { max-width: 200px; } #navbar-sticky-wrapper { z-index: 5 !important; position: relative; } #navbar { padding: 0.5rem 1rem; border-bottom: 1px solid #eaeaea; z-index: 500; background: #fff; padding-top: 0; padding-bottom: 0; height: 90px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } #navbar .navbar-logo { height: 90px; padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #navbar .navbar-logo img { max-width: 150px; } #navbar .cNavbarCollapse { padding-left: 50px; padding-right: 50px; } #navbar .cNavbarCollapse .navbar-nav { width: 90%; -ms-flex-pack: distribute; justify-content: space-around; } #navbar .cNavbarCollapse .nav-item { position: relative; } #navbar .cNavbarCollapse .nav-item:hover:before, #navbar .cNavbarCollapse .nav-item.menu-item--active-trail:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 130%; height: 20px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); background: url("../img/Navigation_Grass.png") no-repeat center/cover; pointer-events: none; } #navbar .nav-item { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #navbar .nav-item[data-item-menu="4"] .cNavLink { color: #418628; font-family: 'Satisfy'; font-weight: normal; font-style: normal; font-size: 20px; } #navbar .nav-item .cNavLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #072066; font-size: 17px; text-decoration: none; text-align: center; margin: 0; height: 88px; -webkit-transition: all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important; } @media screen and (max-width: 1200px) { #navbar .nav-item .cNavLink { font-size: 14px; } } #navbar .formSearch input[type="text"] { min-height: 50px; } #navbar .formSearch #btn_search_d { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #navbar .search-cta { color: #072066; } #navbar .search-cta::after { display: none; } #navbar .replaceUserId { display: none; } #navbar .not-box-search { display: none; } #navbar .navbar-burger { display: block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #navbar .navbar-burger span { display: block; z-index: 1; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #4D9C2E; border-radius: 3px; -webkit-transform-origin: 4px 0px; -ms-transform-origin: 4px 0px; transform-origin: 4px 0px; -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } #navbar .navbar-burger span:first-child { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } #navbar .navbar-burger span:nth-child(2) { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } #navbar .navbar-burger span:last-child { -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 20px; } #navbar .navbar-burger.active span { opacity: 1; -webkit-transform: rotate(-45deg) translate(-2px, -2px); -ms-transform: rotate(-45deg) translate(-2px, -2px); transform: rotate(-45deg) translate(-2px, -2px); } #navbar .navbar-burger.active span:nth-child(2) { opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); -ms-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); } #navbar .navbar-burger.active span:nth-last-child(3) { -webkit-transform: rotate(45deg) translate(0, -2px); -ms-transform: rotate(45deg) translate(0, -2px); transform: rotate(45deg) translate(0, -2px); } #navbar .navbar-burger.active span:last-child { width: 33px; } #navbar .cDropdownSearchMobile .dropdown-toggle { background-color: transparent; color: #072066; border: none; font-size: 22px; outline: none; } #navbar .cDropdownSearchMobile .dropdown-toggle::after { display: none; } #navbar .cDropdownSearchMobile .dropdown-toggle:focus { -webkit-box-shadow: none; box-shadow: none; background-origin: none; } #navbar .cDropdownSearchMobile .dropdown-menu { width: 100%; left: 0; background: #EDE4D8; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } #navbar .cDropdownSearchMobile .dropdown-menu .cSearchForm { padding-top: 1rem; padding-bottom: 1rem; } #navbar .cDropdownSearchMobile .dropdown-menu .cSearchForm .form-group { position: relative; margin-bottom: 0; } #navbar .cDropdownSearchMobile .dropdown-menu .cSearchForm input[type=text] { min-height: 50px; border-radius: 30px; border: none; padding-left: 20px; padding-right: 120px; } #navbar .cDropdownSearchMobile .dropdown-menu .cSearchForm button { position: absolute; top: 50%; right: 2%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #418628; color: white; border: none; border-radius: 30px; padding-left: 1rem; padding-right: 1rem; font-size: 14px; min-height: 35px; } #navbar .cDropdownSearchMobile .dropdown-menu .cSearchForm button i { margin-left: 5px; } #navbar .menu_indicator_custom { background-image: url("../img/arrowMenu.png"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 20px; height: 22px; top: -3px; z-index: 1; -webkit-transform: translateX(-50%) rotateX(-15deg); transform: translateX(-50%) rotateX(-15deg); opacity: 1; pointer-events: none; } #navbar .dropdown { position: static; } #navbar .dropdown-menu { left: auto; background-color: transparent; padding: 0; border: 0; margin-top: 0; } #navbar .dropdown-menu .cDropdown { min-width: 200px; border: 11px; background-color: white; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin-top: 12px; } #navbar .dropdown-menu .linkProduct { margin-bottom: 1rem; padding-left: 1.5rem; position: relative; width: 100%; } #navbar .dropdown-menu .linkProduct a { color: #072066; text-decoration: none; } #navbar .dropdown-menu .linkProduct a:hover, #navbar .dropdown-menu .linkProduct a:focus { color: #072066; text-decoration: none; } #navbar .dropdown-menu .linkProduct a:hover::before, #navbar .dropdown-menu .linkProduct a:focus::before { background-color: #418628; } #navbar .dropdown-menu .linkProduct a::before { position: absolute; top: 10px; left: 12px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background-color: transparent; } #navbar .active .dropdown-menu { display: block; visibility: visible; opacity: 1; -webkit-transition: visibility 0s, opacity 0.3s linear; -o-transition: visibility 0s, opacity 0.3s linear; transition: visibility 0s, opacity 0.3s linear; } #navbar .dropdown-menu-search { width: 101%; left: -3px; top: 88px; display: block; visibility: hidden; -webkit-transition: visibility 0.8s, opacity 0.8s linear; -o-transition: visibility 0.8s, opacity 0.8s linear; transition: visibility 0.8s, opacity 0.8s linear; border: none; border-top: 0.5px solid #eaeaea; border-radius: 0px; padding: 20px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); opacity: 0; } #navbar .dropdown:not(.cDropdownSearchMobile):hover .dropdown-menu, #navbar .dropdown:not(.cDropdownSearchMobile) .dropdown-menu:hover { display: block; visibility: visible; opacity: 1; -webkit-transition: visibility 0s, opacity 0.3s linear; -o-transition: visibility 0s, opacity 0.3s linear; transition: visibility 0s, opacity 0.3s linear; } #navbar-mobile-menu-wrapper .navbar-mobile-menu { height: 91vh; overflow-y: auto; width: 100%; position: fixed; z-index: 10000; left: -1450px; background-color: #fff; overflow-y: scroll; overflow-x: hidden; -webkit-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } #navbar-mobile-menu-wrapper .navbar-mobile-menu.active { left: 0; } #navbar-mobile-menu-wrapper .navbar-mobile-menu .ul-main li:last-child .item { border-bottom: 0 !important; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul { padding-left: 0; list-style: none; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li { padding-left: 1.5rem; padding-right: 1.5rem; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li a { color: inherit; text-decoration: none; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li a:hover, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li a:focus { color: inherit; text-decoration: none; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item { border-bottom: 2px solid #3AB561; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item a { width: 100%; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div { position: relative; width: 100%; cursor: pointer; padding-top: 25px; padding-bottom: 25px; font-size: 20px; color: #072066; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after { content: ''; content: '\f054'; color: #418628; font-size: 22px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back { border-bottom: 0; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div { padding-left: 30px; font-size: 15px; } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before { content: '\f053'; color: #418628; font-size: 22px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::after { display: none; } #navbar-mobile-menu-wrapper .itemLink { border-bottom: 2px solid #3AB561; } #navbar-mobile-menu-wrapper .itemLink a { position: relative; width: 100%; cursor: pointer; padding-top: 25px; padding-bottom: 25px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #072066 !important; } #navbar-mobile-menu-wrapper .itemLink a::after { content: '\f054'; color: #418628; font-size: 22px; } #navbar-mobile-menu-wrapper .cListProductMobile a { width: 100%; color: inherit; text-decoration: none; } #navbar-mobile-menu-wrapper .cListProductMobile a:hover #navbar-mobile-menu-wrapper .cListProductMobile a:focus { color: inherit; text-decoration: none; } #navbar-mobile-menu-wrapper .cListProductMobile .imgProduct img { min-width: 85px; } #navbar-mobile-menu-wrapper .cListProductMobile .infoProduct p { margin-bottom: 5px; color: #072066; } #navbar-mobile-menu-wrapper .cListProductMobile .infoProduct .cLearnMore span { color: #072066; } #navbar-mobile-menu-wrapper .cListProductMobile .infoProduct .cLearnMore i { font-size: 18px; color: #418628; } #navbar-mobile-menu-wrapper .cNewsletterMobile { padding-top: 30px; padding-left: 1.5rem; padding-right: 1.5rem; } #navbar-mobile-menu-wrapper .cNewsletterMobile a { width: 100%; text-decoration: none; color: inherit; } #navbar-mobile-menu-wrapper .cNewsletterMobile a:hover, #navbar-mobile-menu-wrapper .cNewsletterMobile a:focus { text-decoration: none; color: inherit; } #navbar-mobile-menu-wrapper .cNewsletterMobile a div { background-color: #418628; padding-top: 15px; padding-bottom: 15px; } #navbar-mobile-menu-wrapper .cNewsletterMobile a div img { max-width: 170px; } .btn-template-1, .cLoginCMS input[type=submit] { background-color: #418628; color: white !important; border-radius: 3px; text-decoration: none; padding-left: 50px; padding-right: 50px; text-transform: uppercase; } .btn-template-1:hover, .cLoginCMS input:hover[type=submit], .btn-template-1:focus, .cLoginCMS input:focus[type=submit] { background-color: #6cab40; color: white !important; text-decoration: none; } .btn-template-2 { background-color: white; color: #072066; border: 1px solid #072066; border-radius: 3px; text-decoration: none; padding-left: 50px; padding-right: 50px; text-transform: uppercase; } .btn-template-2:hover, .btn-template-2:focus { background-color: #072066; color: white; text-decoration: none; } .btn-template-3 { background-color: #072066; color: white; border: 1px solid #072066; border-radius: 3px; text-decoration: none; padding-left: 50px; padding-right: 50px; text-transform: uppercase; } .btn-template-3:hover, .btn-template-3:focus { background-color: #0a319c; color: white; text-decoration: none; } .c-btn-recipe { color: #072066; border: 1px solid transparent; border-radius: 3px; text-decoration: none; padding: 10px 20px; text-transform: uppercase; font-size: 14px; } .c-btn-recipe img { margin-right: 5px; max-width: 39px; } .c-btn-recipe:hover, .c-btn-recipe:focus { background-color: #072066; color: #072066; text-decoration: none; } .cNewsletter { background-image: url("../img/bgNewsletter2.png"); background-position: center; background-size: cover; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 150px; padding-bottom: 150px; } @media screen and (min-width: 992px) { .cNewsletter { min-height: 450px; } } @media screen and (max-width: 991px) { .cNewsletter .btn { width: 100%; } } .cNewsletter .item1c { position: absolute; top: 15%; left: 1%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } @media screen and (max-width: 991px) { .cNewsletter .item1c { position: absolute; top: 7%; left: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 85px; } } .cNewsletter .item2c { position: absolute; bottom: 12%; left: 0%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } @media screen and (max-width: 991px) { .cNewsletter .item2c { position: absolute; bottom: 10%; left: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } .cNewsletter .item3c { position: absolute; top: 12%; right: 1%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } @media screen and (max-width: 991px) { .cNewsletter .item3c { position: absolute; top: 9%; right: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } .cNewsletter .item4c { position: absolute; bottom: 12%; right: 3%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } @media screen and (max-width: 991px) { .cNewsletter .item4c { bottom: 5%; right: 3%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } .cNewsletter .nestle_compleat { max-width: 200px; } .cNewsletter h1, .cNewsletter h2, .cNewsletter h3, .cNewsletter h4, .cNewsletter h5, .cNewsletter h6 { color: #072066; } .cNewsletter .disclaimerNewsletter { font-size: 12px; line-height: 1.2; } .cNewsletter .form-group { margin-bottom: 0.75rem; } .cNewsletter label { font-size: 15px; color: #072066; margin-bottom: 0.25rem; } .cNewsletter input:not([type=submit]) { border: 1px solid #072066; border-radius: 0; font-size: 15px; } .cNewsletter select { border: 1px solid #072066; border-radius: 0; font-size: 15px; } .cNewsletter select:invalid { color: rgba(7, 32, 102, 0.4); } .cNewsletter select option[value=""] { color: rgba(7, 32, 102, 0.4); } .cNewsletter .optionTitle { color: rgba(7, 32, 102, 0.4); } .compleat_logo_footer, .nhsc_logo_footer { max-width: 180px; } .cFooter .titleColumn { color: #072066; } .cFooter .columnFooter { padding-left: 0; list-style: none; } .cFooter .columnFooter li:first-child { border-left: none; } .cFooter .columnFooter li { margin-bottom: 0.75rem; padding: 0px 10px 0px 10px; } @media screen and (min-width: 767px) { .cFooter .columnFooter li { border-left: 1.5px solid #3D7D26; } } .cFooter .columnFooter li a { color: #3D7D26; text-decoration: none; } .cFooter .columnFooter li a:hover, .cFooter .columnFooter li a:focus { color: #3D7D26; text-decoration: underline !important; } .cHeroBanner { position: relative; } @media screen and (max-width: 991px) { .cHeroBanner { min-height: 600px; } } @media screen and (max-width: 1200px) { .cHeroBanner { min-height: 500px; } } @media screen and (max-width: 1200px) { .cHeroBanner .banner { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } @media screen and (min-width: 992px) { .cHeroBanner .cBanner { position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media screen and (max-width: 991px) { .cHeroBanner .cBanner { position: absolute; bottom: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1800px) { .cHeroBanner .cBanner { left: 15%; } } .cHeroBanner .cBanner .container { height: 100%; } .cHeroBanner .cBanner .row { height: 100%; } .cHeroBanner .cBanner img { max-width: 240px; } .cHeroBanner .cBanner h1, .cHeroBanner .cBanner h2, .cHeroBanner .cBanner h3, .cHeroBanner .cBanner h4, .cHeroBanner .cBanner h5, .cHeroBanner .cBanner h6 { line-height: 1; color: #072066; } .cHeroBanner .cBanner h1 span, .cHeroBanner .cBanner h2 span, .cHeroBanner .cBanner h3 span, .cHeroBanner .cBanner h4 span, .cHeroBanner .cBanner h5 span, .cHeroBanner .cBanner h6 span { font-size: 48px; color: #418628; } .cHeroBanner .cBanner p { color: #072066; } .cHeroBanner_v2 { min-height: 458px; position: relative; } @media screen and (max-width: 991px) { .cHeroBanner_v2 { min-height: 600px; } } @media screen and (max-width: 1200px) { .cHeroBanner_v2 { min-height: 500px; } } @media screen and (max-width: 1200px) { .cHeroBanner_v2 .banner { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } @media screen and (min-width: 992px) { .cHeroBanner_v2 .cBanner { position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } } @media screen and (max-width: 991px) { .cHeroBanner_v2 .cBanner { position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1800px) { .cHeroBanner_v2 .cBanner { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .cHeroBanner_v2 .cBanner .container { height: 100%; } .cHeroBanner_v2 .cBanner .row { height: 100%; } .cHeroBanner_v2 .cBanner .img-logo { max-width: 240px; } .cHeroBanner_v2 .cBanner h1, .cHeroBanner_v2 .cBanner h2, .cHeroBanner_v2 .cBanner h3, .cHeroBanner_v2 .cBanner h4, .cHeroBanner_v2 .cBanner h5, .cHeroBanner_v2 .cBanner h6 { line-height: 1; color: #072066; } .cHeroBanner_v2 .cBanner h1 span, .cHeroBanner_v2 .cBanner h2 span, .cHeroBanner_v2 .cBanner h3 span, .cHeroBanner_v2 .cBanner h4 span, .cHeroBanner_v2 .cBanner h5 span, .cHeroBanner_v2 .cBanner h6 span { font-size: 48px; color: #418628; } .cHeroBanner_v2 .cBanner p { color: #072066; } @media screen and (max-width: 992px) { .cHeroBanner_v2 .cBanner .wrapper_cContent .cContent { margin-top: 1rem; margin-bottom: 1rem; } } .cHeroBanner_v2 .cBanner .wrapper-img { position: relative; display: inline-block; } .cHeroBanner_v2 .cBanner .wrapper-img::after { content: ""; position: absolute; top: 0; left: 10px; width: 100%; height: 100%; /* Degradado de izquierda a derecha */ background: -webkit-gradient(linear, left top, right top, from(#f8f7f5), color-stop(45%, rgba(248, 247, 245, 0))); background: -webkit-linear-gradient(left, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: -o-linear-gradient(left, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: linear-gradient(90deg, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); } .cHeroBanner_v2 .cBanner .wrapper-img img { display: block; width: 100%; min-height: 458px; } @media screen and (max-width: 1200px) { .cHeroBanner_v2 .cBanner .wrapper-img img { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 991px) { .cHeroBanner_v2 .cBanner .wrapper-img img { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } .cHeroBanner_v2 .cBanner .wrapper-img_mobile { position: relative; display: inline-block; } .cHeroBanner_v2 .cBanner .wrapper-img_mobile::after { content: ""; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; /* Degradado de izquierda a derecha */ background: -webkit-gradient(linear, left bottom, left top, from(#f8f7f5), color-stop(45%, rgba(248, 247, 245, 0))); background: -webkit-linear-gradient(bottom, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: -o-linear-gradient(bottom, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: linear-gradient(0deg, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); } .cHeroBanner_v2 .cBanner .wrapper-img_mobile img { display: block; width: 100%; } .cHeroBanner_v3 { position: relative; } @media screen and (max-width: 1200px) { .cHeroBanner_v3 .banner { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } @media screen and (min-width: 992px) { .cHeroBanner_v3 .cBanner { position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } } @media screen and (max-width: 991px) { .cHeroBanner_v3 .cBanner { position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1800px) { .cHeroBanner_v3 .cBanner { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .cHeroBanner_v3 .cBanner .container { height: 100%; } .cHeroBanner_v3 .cBanner .row { height: 100%; } .cHeroBanner_v3 .cBanner .img-logo { max-width: 240px; } .cHeroBanner_v3 .cBanner h1, .cHeroBanner_v3 .cBanner h2, .cHeroBanner_v3 .cBanner h3, .cHeroBanner_v3 .cBanner h4, .cHeroBanner_v3 .cBanner h5, .cHeroBanner_v3 .cBanner h6 { line-height: 1; color: white; } .cHeroBanner_v3 .cBanner h1 span, .cHeroBanner_v3 .cBanner h2 span, .cHeroBanner_v3 .cBanner h3 span, .cHeroBanner_v3 .cBanner h4 span, .cHeroBanner_v3 .cBanner h5 span, .cHeroBanner_v3 .cBanner h6 span { font-size: 48px; color: white; } @media screen and (max-width: 992px) { .cHeroBanner_v3 .cBanner h1, .cHeroBanner_v3 .cBanner h2, .cHeroBanner_v3 .cBanner h3, .cHeroBanner_v3 .cBanner h4, .cHeroBanner_v3 .cBanner h5, .cHeroBanner_v3 .cBanner h6 { color: #072066; } .cHeroBanner_v3 .cBanner h1 span, .cHeroBanner_v3 .cBanner h2 span, .cHeroBanner_v3 .cBanner h3 span, .cHeroBanner_v3 .cBanner h4 span, .cHeroBanner_v3 .cBanner h5 span, .cHeroBanner_v3 .cBanner h6 span { color: #072066; } } .cHeroBanner_v3 .cBanner p { color: #072066; } @media screen and (max-width: 992px) { .cHeroBanner_v3 .cBanner .wrapper_cContent .cContent { margin-top: 1rem; margin-bottom: 1rem; } } .cHeroBanner_v3 .cBanner .wrapper-img { position: relative; display: inline-block; } .cHeroBanner_v3 .cBanner .wrapper-img::after { content: ""; position: absolute; top: 0; left: 10px; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#f8f7f5), color-stop(45%, rgba(248, 247, 245, 0))); background: -webkit-linear-gradient(left, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: -o-linear-gradient(left, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: linear-gradient(90deg, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); } .cHeroBanner_v3 .cBanner .wrapper-img img { display: block; width: 100%; min-height: 458px; } @media screen and (max-width: 1200px) { .cHeroBanner_v3 .cBanner .wrapper-img img { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 991px) { .cHeroBanner_v3 .cBanner .wrapper-img img { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } .cHeroBanner_v3 .cBanner .wrapper-img_mobile { position: relative; display: inline-block; } .cHeroBanner_v3 .cBanner .wrapper-img_mobile::after { content: ""; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; /* Degradado de izquierda a derecha */ background: -webkit-gradient(linear, left bottom, left top, from(#f8f7f5), color-stop(45%, rgba(248, 247, 245, 0))); background: -webkit-linear-gradient(bottom, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: -o-linear-gradient(bottom, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); background: linear-gradient(0deg, #f8f7f5 0%, rgba(248, 247, 245, 0) 45%); } .cHeroBanner_v3 .cBanner .wrapper-img_mobile img { display: block; width: 100%; } .Banner_engagements { position: relative; } @media screen and (max-width: 767px) { .Banner_engagements img { min-height: 500px; -o-object-fit: cover; object-fit: cover; } } .Banner_engagements .cBanner { position: absolute; top: 0; left: 0; } .Banner_engagements .cBanner .cContent { text-align: center; } .Banner_engagements .cBanner .cContent p { font-size: 18px; color: #072066; } .Banner_engagements .cBanner .cContent h4 { font-size: 1.4rem; } .Banner_engagements .cBanner .cContent h4 span { -webkit-transform: none; -ms-transform: none; transform: none; font-size: 25px; } .Banner_engagements .cBanner .cContent .btn { border-radius: 7px !important; font-weight: 700; } .heading-1 { margin-bottom: 1rem; } .heading-1 h1, .heading-1 h2, .heading-1 h3, .heading-1 h4, .heading-1 h5, .heading-1 h6 { color: #072066; } .heading-2 { margin-bottom: 1rem; } .heading-2 h1, .heading-2 h2, .heading-2 h3, .heading-2 h4, .heading-2 h5, .heading-2 h6 { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); color: #072066; } .content-1 p { color: #072066; } .cBannerGuide { background-image: url("../img/bgBannerGuide1.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } @media screen and (max-width: 991px) { .cBannerGuide { background-image: url("../img/bgBlue1.png"); background-size: 100% 100%; } } .cBannerGuide .cLogo { max-width: 150px; } @media screen and (min-width: 992px) { .cBannerGuide .iconLin1 { position: absolute; top: 20%; right: 10%; max-width: 30px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 991px) { .cBannerGuide .iconLin1 { position: absolute; right: 12%; top: 50%; max-width: 30px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .cBannerGuide .iconStar1 { position: absolute; bottom: 20%; right: 27%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 35px; } } @media screen and (max-width: 991px) { .cBannerGuide .iconStar1 { position: absolute; bottom: 32%; right: 40%; max-width: 35px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .homepage-4 { background-color: white; position: relative; } @media screen and (min-width: 992px) { .homepage-4 .icon_flower { position: absolute; bottom: 10%; right: 3%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .homepage-4 .icon_flower { position: absolute; bottom: 5%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } .c-heading { margin-bottom: 1rem; } .c-heading h1, .c-heading h2, .c-heading h3, .c-heading h4, .c-heading h5, .c-heading h6 { line-height: 1; color: #072066; } .c-heading h1 span, .c-heading h2 span, .c-heading h3 span, .c-heading h4 span, .c-heading h5 span, .c-heading h6 span { font-size: 54px; color: #418628; } .heading-block { margin-bottom: 1rem; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6 { line-height: 1; color: #072066; } .heading-block h1 span, .heading-block h2 span, .heading-block h3 span, .heading-block h4 span, .heading-block h5 span, .heading-block h6 span { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); display: inline-block; font-size: 54px; color: #418628; } .heading-block-2 { margin-bottom: 1rem; } .heading-block-2 h1, .heading-block-2 h2, .heading-block-2 h3, .heading-block-2 h4, .heading-block-2 h5, .heading-block-2 h6 { line-height: 1; color: #072066; } .heading-block-2 h1 span, .heading-block-2 h2 span, .heading-block-2 h3 span, .heading-block-2 h4 span, .heading-block-2 h5 span, .heading-block-2 h6 span { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); display: inline-block; font-size: 54px; color: #072066; } .sectionProducts .customHeading .heading-block { text-align: center; } @media screen and (min-width: 992px) { .sectionProducts .customHeading .icon_rainbow { position: absolute; top: -10%; right: 4%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (max-width: 991px) { .sectionProducts .customHeading .icon_rainbow { position: absolute; top: -45%; left: 60%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: 90px; } } .teaserProduct a { width: 100%; color: inherit; text-decoration: none; } .teaserProduct a:hover, .teaserProduct a:focus { color: inherit; text-decoration: none; } .teaserProduct .card { text-align: center; padding: 1rem; border: none; border-radius: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 992px) { .teaserProduct .card { min-height: 400px; } } .teaserProduct .card .imageProduct { text-align: center; margin-bottom: 1rem; } .teaserProduct .card .imageProduct img { margin-left: auto; margin-right: auto; } @media screen and (min-width: 992px) { .teaserProduct .card .imageProduct img { max-width: 260px; } } .teaserProduct .card .titleProduct { text-align: center; } .teaserProduct .card .titleProduct p { color: #072066; font-size: 20px; } .sliderProduct .teaserProduct { padding-top: 1rem; padding-bottom: 1rem; } .sliderProduct .slick-dots { position: relative; bottom: 0; margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .sliderProduct .slick-dots li { width: 15px; height: 15px; background: white; border: 1px solid #072066; border-radius: 50%; margin-left: .5em; cursor: pointer; } .sliderProduct .slick-dots li button { display: none; } .sliderProduct .slick-dots li.slick-active { background: #072066; } @media screen and (min-width: 992px) { .homepage-6 .item-iconstar1 { position: absolute; top: -30%; right: 70%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 70px; } } @media screen and (max-width: 991px) { .homepage-6 .item-iconstar1 { position: absolute; top: -30%; right: 60%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 90px; } } @media screen and (min-width: 992px) { .homepage-6 .item-iconstar2 { position: absolute; top: 5%; right: -7%; -webkit-transform: translate(0, 0) rotate(125deg); -ms-transform: translate(0, 0) rotate(125deg); transform: translate(0, 0) rotate(125deg); max-width: 70px; } } @media screen and (max-width: 991px) { .homepage-6 .item-iconstar2 { position: absolute; top: -10%; right: 7%; -webkit-transform: translate(0, 0) rotate(125deg); -ms-transform: translate(0, 0) rotate(125deg); transform: translate(0, 0) rotate(125deg); max-width: 80px; } } @media screen and (max-width: 991px) { .homepage-6 .btn { width: 100%; } } .custom-breadcrumb .breadcrumb { padding-left: 0; background-color: transparent; } .custom-breadcrumb .breadcrumb .breadcrumb-item { color: #6c757d; } .custom-breadcrumb .breadcrumb .breadcrumb-item a { color: #072066; font-weight: bold; text-decoration: none; } .custom-breadcrumb .breadcrumb .breadcrumb-item a:hover, .custom-breadcrumb .breadcrumb .breadcrumb-item a:focus { color: #6c757d; text-decoration: underline !important; } .cBanner2 { padding: 1rem; background-image: url("../img/bannerOurAmbition1.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 991px) { .cBanner2 { background-image: url("../img/bannerOurAmbition1Mobile.png"); background-position: top; } } .cBanner2 .cHeight1 { min-height: 300px; } @media only screen and (max-width: 566px) { .cBanner2 .cHeight1 { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; min-height: 450px; padding-bottom: 1rem; } } @media only screen and (max-width: 767px) and (min-width: 567px) { .cBanner2 .cHeight1 { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; min-height: 600px; padding-bottom: 1rem; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .cBanner2 .cHeight1 { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; min-height: 700px; padding-bottom: 1rem; } } .cBanner2 .cTitleBanner1 h1, .cBanner2 .cTitleBanner1 h2, .cBanner2 .cTitleBanner1 h3, .cBanner2 .cTitleBanner1 h4, .cBanner2 .cTitleBanner1 h5, .cBanner2 .cTitleBanner1 h6 { color: #418628; } .cBanner2 .cTitleBanner1 img { max-width: 130px; } .about-section-brown { background-image: url("../img/bg_brown_light.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } #main-content { display: none !important; } [data-block-plugin-id="local_tasks_block"] { display: block !important; } #block-compleat-be-local-tasks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; margin-top: 1rem; } #block-compleat-be-local-tasks ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } #block-compleat-be-local-tasks ul li a { color: black; padding: 5px; } #block-compleat-be-local-tasks ul li a[rel="edit-form"]::after { content: "(" attr(data-drupal-link-system-path) ")"; padding-left: 5px; font-weight: bold; } @media screen and (min-width: 992px) { .cPear { position: absolute; bottom: 10%; right: -10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 40px; } } .resources-section-orange { background-image: url("../img/bgOrange.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .resources-section-orange .cButtonsRecipes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 85%; } .resources-section-orange .cButtonsRecipes .btn { margin-bottom: 1rem; margin-right: 20px; } .heading-page { text-align: center; } .heading-page h1, .heading-page h2, .heading-page h3, .heading-page h4, .heading-page h5, .heading-page h6 { line-height: 1; color: #072066; } .heading-page h1 img, .heading-page h2 img, .heading-page h3 img, .heading-page h4 img, .heading-page h5 img, .heading-page h6 img { max-width: 200px; } .heading-page h1 span, .heading-page h2 span, .heading-page h3 span, .heading-page h4 span, .heading-page h5 span, .heading-page h6 span { display: inline-block; font-size: 54px; color: #418628; } .heading-page .h1, .heading-page h2, .heading-page h3, .heading-page h4, .heading-page h5, .heading-page h6 { line-height: 1; color: #072066; } .heading-page .h1 img, .heading-page h2 img, .heading-page h3 img, .heading-page h4 img, .heading-page h5 img, .heading-page h6 img { max-width: 200px; } .heading-page .h1 span, .heading-page h2 span, .heading-page h3 span, .heading-page h4 span, .heading-page h5 span, .heading-page h6 span { display: inline-block; font-size: 54px; color: #418628; } .sectionBlog .filterBlog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .sectionBlog .filterBlog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sectionBlog .filterBlog .filter1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sectionBlog .filterBlog .searchBlog { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .sectionBlog .filterBlog .filter1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .sectionBlog .filterBlog .filter1 select { border: 1px solid #8C95B5; color: #072066; border-radius: 0; } .sectionBlog .filterBlog .searchBlog input[type="text"] { min-width: 250px; border: 1px solid #8C95B5; border-radius: 0; color: #072066; } .sectionBlog .filterBlog .searchBlog input[type="text"]::-webkit-input-placeholder { color: #072066; } .sectionBlog .filterBlog .searchBlog input[type="text"]:-ms-input-placeholder { color: #072066; } .sectionBlog .filterBlog .searchBlog input[type="text"]::-ms-input-placeholder { color: #072066; } .sectionBlog .filterBlog .searchBlog input[type="text"]::placeholder { color: #072066; } .sectionBlog .filterBlog .searchBlog button { position: absolute; top: 50%; right: 5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: transparent; border: none; } .sectionBlog .filterBlog .searchBlog button i { color: #072066; } .teaserArticle a { width: 100%; color: inherit; text-decoration: none; } .teaserArticle a:hover, .teaserArticle a:focus { color: inherit; text-decoration: none; } .teaserArticle .card { text-align: center; padding: 0; border: none; border-radius: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .teaserArticle .card .card-body { padding: 1rem; } } .teaserArticle .card .imageArticle { text-align: center; margin-bottom: 1rem; } .teaserArticle .card .imageArticle img { margin-left: auto; margin-right: auto; } .teaserArticle .card .titleArticle { text-align: start; min-height: 57px; } .teaserArticle .card .titleArticle p { color: #072066; font-size: 22px; } @media screen and (max-width: 991px) { .teaserArticle .card .titleArticle p { font-size: 14px; } } .teaserArticle .card .titleArticle .published_date { font-style: italic; color: #072066; font-size: 14px; font-weight: normal; text-transform: capitalize; } .teaserArticle .card .summaryArticle { padding-left: 15px; padding-right: 15px; text-align: start; min-height: 80px; } .teaserArticle .card .summaryArticle p { color: #072066; font-size: 14px; } @media screen and (max-width: 991px) { .teaserArticle .card .summaryArticle p { font-size: 9px; } } .custom-pagination .pagination { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media screen and (max-width: 991px) { .custom-pagination .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .custom-pagination .pagination .page-item.active .page-link { background-color: #072066; border-color: #072066; color: white; border-radius: 3px; } .custom-pagination .pagination .page-link { background-color: transparent; border: none; color: #072066; } .bg-header-blog { background-image: url("../img/Banner_Le_Journal_NEW_2800x500.png"); background-size: contain; background-position: center; background-repeat: no-repeat; min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media screen and (min-width: 1800px) { .bg-header-blog { background-size: contain; background-position: center; } } @media screen and (max-width: 1200px) { .bg-header-blog { background-size: cover; min-height: 260px; background-position: top; } } @media screen and (max-width: 767px) { .bg-header-blog { background-size: cover; background-position: top; } } .views-exposed-form { margin-top: -114px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } @media screen and (max-width: 1200px) { .views-exposed-form { margin-top: -130px; } } @media screen and (max-width: 992px) { .views-exposed-form { margin-top: -145px; } } @media screen and (max-width: 767px) { .views-exposed-form { margin-top: -168px; } } @media screen and (max-width: 767px) { .views-exposed-form .form-radios label { font-size: 12px; } } .pageBlog { position: relative; } @media screen and (min-width: 992px) { .pageBlog .arrowCurve2 { position: absolute; top: 5%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 90px; } } @media screen and (max-width: 991px) { .pageBlog .arrowCurve2 { top: 2%; right: 5%; position: absolute; max-width: 80px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .pageBlog .icon_speak { position: absolute; top: 10%; left: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .pageBlog .icon_speak { position: absolute; top: 12%; left: 5%; max-width: 70px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .customStayConnected { position: relative; } @media screen and (min-width: 992px) { .customStayConnected .iconStayConnected { position: absolute; top: -10%; left: -20%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (max-width: 991px) { .customStayConnected .iconStayConnected { max-width: 75px; position: absolute; left: 5%; top: -10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .sectionRecipesCategory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sectionRecipesCategory .slick-prev { position: absolute; top: auto; bottom: -65%; left: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } .sectionRecipesCategory .slick-prev::before { opacity: 1; font-size: 28px; color: #072066; content: '\f053'; } .sectionRecipesCategory .slick-next { position: absolute; top: auto; bottom: -65%; right: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } .sectionRecipesCategory .slick-next::before { font-size: 28px; color: #072066; opacity: 1; content: '\f054'; } .sectionRecipesCategory .slick-dots { bottom: -55%; margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .sectionRecipesCategory .slick-dots li { width: 15px; height: 15px; background: #D5D5D5; border: 1px solid #D5D5D5; border-radius: 50%; margin-left: .5em; cursor: pointer; } .sectionRecipesCategory .slick-dots li button { display: none; } .sectionRecipesCategory .slick-dots li.slick-active { background: #418628; border: 1px solid #418628; } .sectionRecipesCategory .slick-current { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .sectionRecipesCategory .itemCat { text-align: center; } @media screen and (min-width: 992px) { .sectionRecipesCategory .itemCat { padding-left: 20px; padding-right: 20px; } } .sectionRecipesCategory .itemCat a { color: inherit; text-decoration: none; } .sectionRecipesCategory .itemCat a:hover, .sectionRecipesCategory .itemCat a:focus { color: inherit; text-decoration: none; } .sectionRecipesCategory .itemCat a:hover .titleCat, .sectionRecipesCategory .itemCat a:focus .titleCat { background-image: url("../img/bgTitleCatRepices.png"); } .sectionRecipesCategory .itemCat .iconCat { margin-bottom: 1rem; } .sectionRecipesCategory .itemCat .iconCat img { margin-left: auto; margin-right: auto; display: block; } .sectionRecipesCategory .itemCat .iconCat .iconCat1 { max-width: 60px; } .sectionRecipesCategory .itemCat .iconCat .iconCat2 { max-width: 90px; } .sectionRecipesCategory .itemCat .iconCat .iconCat3 { max-width: 75px; } .sectionRecipesCategory .itemCat .iconCat .iconCat4 { max-width: 40px; } .sectionRecipesCategory .itemCat .iconCat .iconCat5 { max-width: 60px; } .sectionRecipesCategory .itemCat .titleCat { background-image: none; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; padding: 5px 10px; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .sectionRecipesCategory .itemCat .titleCat p { text-align: center; margin-bottom: 0; color: #072066; } .bannerRecipes { background-color: #B3D57C; position: relative; } @media screen and (min-width: 992px) { .bannerRecipes .icon_flowers2 { position: absolute; bottom: 15%; right: -15%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 85px; } } @media screen and (max-width: 991px) { .bannerRecipes .icon_flowers2 { position: absolute; bottom: 0; right: 5%; max-width: 90px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 991px) { .bannerRecipes .cContentRecipesBanner { padding-top: 50px !important; padding-left: 50px !important; padding-right: 50px !important; padding-bottom: 130px !important; } } .teaserRecipe .contentRecipe { background-color: white; padding: 1.5rem; margin-top: -1px; } @media screen and (max-width: 991px) { .teaserRecipe .contentRecipe { padding: 1rem; } } .teaserRecipe .contentRecipe h1, .teaserRecipe .contentRecipe h2, .teaserRecipe .contentRecipe h3, .teaserRecipe .contentRecipe h4, .teaserRecipe .contentRecipe h5, .teaserRecipe .contentRecipe h6 { color: #393834; margin-bottom: 1rem; } @media screen and (max-width: 991px) { .teaserRecipe .contentRecipe h1, .teaserRecipe .contentRecipe h2, .teaserRecipe .contentRecipe h3, .teaserRecipe .contentRecipe h4, .teaserRecipe .contentRecipe h5, .teaserRecipe .contentRecipe h6 { font-size: 20px; } } .teaserRecipe .contentRecipe p { font-size: 14px; margin-bottom: 0; } .teaserRecipe .footerRecipe { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; } .teaserRecipe .footerRecipe .item { width: 50%; } .teaserRecipe .footerRecipe .item .btn-download-recipe { background-image: url("../img/bgBtnDownloadRecipe.png"); background-size: cover; background-position: top; background-repeat: no-repeat; padding: 1rem; width: 100%; font-size: 14px; text-align: center; color: white; text-transform: uppercase; } @media screen and (max-width: 991px) { .teaserRecipe .footerRecipe .item .btn-download-recipe { height: 100%; } } .teaserRecipe .footerRecipe .item .btn-watch-recipe { background-image: url("../img/btnWatchRecipe.png"); background-size: cover; background-position: top; background-repeat: no-repeat; width: 100%; font-size: 14px; text-align: center; padding: 1rem; color: white; text-transform: uppercase; } .sliderRecipes .slick-prev { position: absolute; top: 50%; left: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sliderRecipes .slick-prev { left: 5%; background-color: transparent; } } .sliderRecipes .slick-prev::before { opacity: 1; font-size: 20px; color: #072066; content: '\f053'; } @media screen and (max-width: 991px) { .sliderRecipes .slick-prev::before { font-size: 24px; } } .sliderRecipes .slick-next { position: absolute; top: 50%; right: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sliderRecipes .slick-next { right: 5%; background-color: transparent; } } .sliderRecipes .slick-next::before { font-size: 20px; color: #072066; opacity: 1; content: '\f054'; } @media screen and (max-width: 991px) { .sliderRecipes .slick-next::before { font-size: 24px; } } .sliderRecipes .slick-dots { position: relative; bottom: 0; margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; counter-reset: item; } .sliderRecipes .slick-dots li { width: 20px; height: 25px; background: transparent; border: 1px solid transparent; border-radius: 3px; margin-left: .5em; color: #072066; cursor: pointer; } .sliderRecipes .slick-dots li::before { display: inline-block; content: counter(item); counter-increment: item; width: 15px; height: 15px; font-size: 14px; } .sliderRecipes .slick-dots li button { display: none; } .sliderRecipes .slick-dots li.slick-active { background: #072066; } .sliderRecipes .slick-dots li.slick-active::before { color: white; } .categoryRecipe .cHead { position: relative; } @media screen and (min-width: 992px) { .categoryRecipe .cHead { bottom: -35px; } } .categoryRecipe1 { background-image: url("../img/bgCoral.png"); background-size: cover; background-position: top; background-repeat: no-repeat; } .categoryRecipe2 { background-image: url("../img/bgBrownLight.png"); background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: -30px; } .categoryRecipe3 { background-image: url("../img/bgTurquese.png"); background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: -30px; } .categoryRecipe4 { background-image: url("../img/bgBlueLight.png"); background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: -30px; } .categoryRecipe5 { background-image: url("../img/bgGray.png"); background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: -30px; } .cContactForm .form-group label { font-size: 15px; color: #072066; } .cContactForm .form-group select { border: 1px solid #8C95B5; border-radius: 0; font-size: 15px; min-height: 49px; margin-top: .25rem; } .cContactForm .form-group input:not([type=submit]) { border: 1px solid #8C95B5; border-radius: 0; font-size: 15px; min-height: 49px; } .cContactForm .form-group textarea { border: 1px solid #8C95B5; border-radius: 0; font-size: 15px; min-height: 49px; } .cContactForm #edit-processed-text a, .cContactForm #edit-processed-text-code a { color: #072066; text-decoration: underline !important; } .cContactForm #edit-processed-text a:hover, .cContactForm #edit-processed-text a:focus, .cContactForm #edit-processed-text-code a:hover, .cContactForm #edit-processed-text-code a:focus { color: #072066; text-decoration: none !important; } .cContactForm #edit-markup-03 p { font-size: 15px; } .cContactForm #edit-markup-03 a { color: #072066; text-decoration: none; } .cContactForm #edit-markup-03 a:hover, .cContactForm #edit-markup-03 a:focus { color: #072066; text-decoration: underline !important; } .item-contact { padding: 50px 1rem; text-align: center; min-height: 355px; } .item-contact h1, .item-contact h2, .item-contact h3, .item-contact h4, .item-contact h5, .item-contact h6 { color: #393834; } .item-contact .iconContact { min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item-contact .moreInfo a { color: #393834; text-decoration: none; margin-bottom: 0.5rem; } .item-contact .moreInfo a:hover, .item-contact .moreInfo a:focus { color: #393834; text-decoration: underline !important; } .item-contact .moreInfo p { margin-bottom: 0.5rem; font-size: 15px; text-align: center; } .item-contact-1 { background-image: url("../img/bgItemContact1.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .item-contact-1 .iconContact img { max-width: 100px; } .item-contact-2 { background-image: url("../img/bgItemContact2.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .item-contact-2 .iconContact img { max-width: 75px; } .item-contact-3 { background-image: url("../img/bgItemContact3.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .item-contact-3 .iconContact img { max-width: 80px; } .pageContact { position: relative; } @media screen and (min-width: 992px) { .pageContact .icon_star_yellow { position: absolute; top: 5%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 50px; } } @media screen and (max-width: 991px) { .pageContact .icon_star_yellow { position: absolute; top: 2%; right: 5%; max-width: 70px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .pageContact .icon_rainbow { position: absolute; top: 7%; right: 40%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 90px; } } @media screen and (max-width: 991px) { .pageContact .icon_rainbow { max-width: 110px; top: 15%; position: absolute; left: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .pageContact .icon_heart { position: absolute; bottom: 25%; left: 15%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (max-width: 991px) { .pageContact .icon_heart { position: absolute; bottom: 38%; left: 5%; max-width: 70px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .pageContact .icon_line2 { position: absolute; bottom: 19%; right: 2%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (max-width: 991px) { .pageContact .icon_line2 { position: absolute; bottom: 36%; right: 5%; max-width: 80px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .pageRecipes { position: relative; } @media screen and (min-width: 992px) { .pageRecipes .flecha_curveada { position: absolute; top: 25%; left: 5%; -webkit-transform: translate(0, 0) rotate(-35deg); -ms-transform: translate(0, 0) rotate(-35deg); transform: translate(0, 0) rotate(-35deg); max-width: 110px; } } @media screen and (max-width: 991px) { .pageRecipes .flecha_curveada { position: absolute; top: 21%; left: 8%; max-width: 90px; -webkit-transform: translate(0, 0) rotate(-35deg); -ms-transform: translate(0, 0) rotate(-35deg); transform: translate(0, 0) rotate(-35deg); } } @media screen and (min-width: 992px) { .pageRecipes .iconLicuadora1 { position: absolute; top: -3%; right: -9%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 400px; } } @media screen and (max-width: 991px) { .pageRecipes .iconLicuadora1 { max-width: 121px; position: absolute; right: 2%; top: 1%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .cShareSocialMedia { display: -webkit-box; display: -ms-flexbox; display: flex; } .cShareSocialMedia .itemIcon { padding-right: 10px; } .cShareSocialMedia .itemIcon a { color: white; text-decoration: none; } .cShareSocialMedia .itemIcon a:hover, .cShareSocialMedia .itemIcon a:focus { color: #072066; text-decoration: none; } .cShareSocialMedia .itemIcon a:hover .icon, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a:hover div::after, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a:hover div::before, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .itemLink a::after, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a:hover a::after, .cShareSocialMedia .itemIcon a:hover .sectionRecipesCategory .slick-prev::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:hover .slick-prev::before, .cShareSocialMedia .itemIcon a:hover .sectionRecipesCategory .slick-next::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:hover .slick-next::before, .cShareSocialMedia .itemIcon a:hover .sliderRecipes .slick-prev::before, .sliderRecipes .cShareSocialMedia .itemIcon a:hover .slick-prev::before, .cShareSocialMedia .itemIcon a:hover .sliderRecipes .slick-next::before, .sliderRecipes .cShareSocialMedia .itemIcon a:hover .slick-next::before, .cShareSocialMedia .itemIcon a:hover .sectionStories .nav-tabs-stories .slick-prev::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:hover .slick-prev::before, .cShareSocialMedia .itemIcon a:hover .sectionStories .nav-tabs-stories .slick-next::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:hover .slick-next::before, .cShareSocialMedia .itemIcon a:hover .sliderProductsHome .slick-prev::before, .sliderProductsHome .cShareSocialMedia .itemIcon a:hover .slick-prev::before, .cShareSocialMedia .itemIcon a:hover .sliderProductsHome .slick-next::before, .sliderProductsHome .cShareSocialMedia .itemIcon a:hover .slick-next::before, .cShareSocialMedia .itemIcon a:hover .section-ingredients-sources .accordionIngredientsSources .card-header button::after, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a:hover button::after, .cShareSocialMedia .itemIcon a:hover .content-testimonial .testimonial-detail-content blockquote::before, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a:hover blockquote::before, .cShareSocialMedia .itemIcon a:focus .icon, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a:focus div::after, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a:focus div::before, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .itemLink a::after, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a:focus a::after, .cShareSocialMedia .itemIcon a:focus .sectionRecipesCategory .slick-prev::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:focus .slick-prev::before, .cShareSocialMedia .itemIcon a:focus .sectionRecipesCategory .slick-next::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:focus .slick-next::before, .cShareSocialMedia .itemIcon a:focus .sliderRecipes .slick-prev::before, .sliderRecipes .cShareSocialMedia .itemIcon a:focus .slick-prev::before, .cShareSocialMedia .itemIcon a:focus .sliderRecipes .slick-next::before, .sliderRecipes .cShareSocialMedia .itemIcon a:focus .slick-next::before, .cShareSocialMedia .itemIcon a:focus .sectionStories .nav-tabs-stories .slick-prev::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:focus .slick-prev::before, .cShareSocialMedia .itemIcon a:focus .sectionStories .nav-tabs-stories .slick-next::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:focus .slick-next::before, .cShareSocialMedia .itemIcon a:focus .sliderProductsHome .slick-prev::before, .sliderProductsHome .cShareSocialMedia .itemIcon a:focus .slick-prev::before, .cShareSocialMedia .itemIcon a:focus .sliderProductsHome .slick-next::before, .sliderProductsHome .cShareSocialMedia .itemIcon a:focus .slick-next::before, .cShareSocialMedia .itemIcon a:focus .section-ingredients-sources .accordionIngredientsSources .card-header button::after, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a:focus button::after, .cShareSocialMedia .itemIcon a:focus .content-testimonial .testimonial-detail-content blockquote::before, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a:focus blockquote::before { background-color: white; } .cShareSocialMedia .itemIcon a:hover .icon i, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a:hover div::after i, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a:hover div::before i, .cShareSocialMedia .itemIcon a:hover #navbar-mobile-menu-wrapper .itemLink a::after i, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a:hover a::after i, .cShareSocialMedia .itemIcon a:hover .sectionRecipesCategory .slick-prev::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:hover .slick-prev::before i, .cShareSocialMedia .itemIcon a:hover .sectionRecipesCategory .slick-next::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:hover .slick-next::before i, .cShareSocialMedia .itemIcon a:hover .sliderRecipes .slick-prev::before i, .sliderRecipes .cShareSocialMedia .itemIcon a:hover .slick-prev::before i, .cShareSocialMedia .itemIcon a:hover .sliderRecipes .slick-next::before i, .sliderRecipes .cShareSocialMedia .itemIcon a:hover .slick-next::before i, .cShareSocialMedia .itemIcon a:hover .sectionStories .nav-tabs-stories .slick-prev::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:hover .slick-prev::before i, .cShareSocialMedia .itemIcon a:hover .sectionStories .nav-tabs-stories .slick-next::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:hover .slick-next::before i, .cShareSocialMedia .itemIcon a:hover .sliderProductsHome .slick-prev::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a:hover .slick-prev::before i, .cShareSocialMedia .itemIcon a:hover .sliderProductsHome .slick-next::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a:hover .slick-next::before i, .cShareSocialMedia .itemIcon a:hover .section-ingredients-sources .accordionIngredientsSources .card-header button::after i, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a:hover button::after i, .cShareSocialMedia .itemIcon a:hover .content-testimonial .testimonial-detail-content blockquote::before i, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a:hover blockquote::before i, .cShareSocialMedia .itemIcon a:focus .icon i, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a:focus div::after i, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a:focus div::before i, .cShareSocialMedia .itemIcon a:focus #navbar-mobile-menu-wrapper .itemLink a::after i, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a:focus a::after i, .cShareSocialMedia .itemIcon a:focus .sectionRecipesCategory .slick-prev::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:focus .slick-prev::before i, .cShareSocialMedia .itemIcon a:focus .sectionRecipesCategory .slick-next::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a:focus .slick-next::before i, .cShareSocialMedia .itemIcon a:focus .sliderRecipes .slick-prev::before i, .sliderRecipes .cShareSocialMedia .itemIcon a:focus .slick-prev::before i, .cShareSocialMedia .itemIcon a:focus .sliderRecipes .slick-next::before i, .sliderRecipes .cShareSocialMedia .itemIcon a:focus .slick-next::before i, .cShareSocialMedia .itemIcon a:focus .sectionStories .nav-tabs-stories .slick-prev::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:focus .slick-prev::before i, .cShareSocialMedia .itemIcon a:focus .sectionStories .nav-tabs-stories .slick-next::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a:focus .slick-next::before i, .cShareSocialMedia .itemIcon a:focus .sliderProductsHome .slick-prev::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a:focus .slick-prev::before i, .cShareSocialMedia .itemIcon a:focus .sliderProductsHome .slick-next::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a:focus .slick-next::before i, .cShareSocialMedia .itemIcon a:focus .section-ingredients-sources .accordionIngredientsSources .card-header button::after i, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a:focus button::after i, .cShareSocialMedia .itemIcon a:focus .content-testimonial .testimonial-detail-content blockquote::before i, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a:focus blockquote::before i { color: #072066 !important; } .cShareSocialMedia .itemIcon a .icon, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a div::after, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a div::before, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .itemLink a::after, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a a::after, .cShareSocialMedia .itemIcon a .sectionRecipesCategory .slick-prev::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a .slick-prev::before, .cShareSocialMedia .itemIcon a .sectionRecipesCategory .slick-next::before, .sectionRecipesCategory .cShareSocialMedia .itemIcon a .slick-next::before, .cShareSocialMedia .itemIcon a .sliderRecipes .slick-prev::before, .sliderRecipes .cShareSocialMedia .itemIcon a .slick-prev::before, .cShareSocialMedia .itemIcon a .sliderRecipes .slick-next::before, .sliderRecipes .cShareSocialMedia .itemIcon a .slick-next::before, .cShareSocialMedia .itemIcon a .sectionStories .nav-tabs-stories .slick-prev::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a .slick-prev::before, .cShareSocialMedia .itemIcon a .sectionStories .nav-tabs-stories .slick-next::before, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a .slick-next::before, .cShareSocialMedia .itemIcon a .sliderProductsHome .slick-prev::before, .sliderProductsHome .cShareSocialMedia .itemIcon a .slick-prev::before, .cShareSocialMedia .itemIcon a .sliderProductsHome .slick-next::before, .sliderProductsHome .cShareSocialMedia .itemIcon a .slick-next::before, .cShareSocialMedia .itemIcon a .section-ingredients-sources .accordionIngredientsSources .card-header button::after, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a button::after, .cShareSocialMedia .itemIcon a .content-testimonial .testimonial-detail-content blockquote::before, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a blockquote::before { width: 35px; height: 35px; border-radius: 50%; background-color: #072066; border: 1px solid #072066; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cShareSocialMedia .itemIcon a .icon i, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item div::after i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item .cShareSocialMedia .itemIcon a div::after i, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back div::before i, #navbar-mobile-menu-wrapper .navbar-mobile-menu ul li .item-back .cShareSocialMedia .itemIcon a div::before i, .cShareSocialMedia .itemIcon a #navbar-mobile-menu-wrapper .itemLink a::after i, #navbar-mobile-menu-wrapper .itemLink .cShareSocialMedia .itemIcon a a::after i, .cShareSocialMedia .itemIcon a .sectionRecipesCategory .slick-prev::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a .slick-prev::before i, .cShareSocialMedia .itemIcon a .sectionRecipesCategory .slick-next::before i, .sectionRecipesCategory .cShareSocialMedia .itemIcon a .slick-next::before i, .cShareSocialMedia .itemIcon a .sliderRecipes .slick-prev::before i, .sliderRecipes .cShareSocialMedia .itemIcon a .slick-prev::before i, .cShareSocialMedia .itemIcon a .sliderRecipes .slick-next::before i, .sliderRecipes .cShareSocialMedia .itemIcon a .slick-next::before i, .cShareSocialMedia .itemIcon a .sectionStories .nav-tabs-stories .slick-prev::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a .slick-prev::before i, .cShareSocialMedia .itemIcon a .sectionStories .nav-tabs-stories .slick-next::before i, .sectionStories .nav-tabs-stories .cShareSocialMedia .itemIcon a .slick-next::before i, .cShareSocialMedia .itemIcon a .sliderProductsHome .slick-prev::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a .slick-prev::before i, .cShareSocialMedia .itemIcon a .sliderProductsHome .slick-next::before i, .sliderProductsHome .cShareSocialMedia .itemIcon a .slick-next::before i, .cShareSocialMedia .itemIcon a .section-ingredients-sources .accordionIngredientsSources .card-header button::after i, .section-ingredients-sources .accordionIngredientsSources .card-header .cShareSocialMedia .itemIcon a button::after i, .cShareSocialMedia .itemIcon a .content-testimonial .testimonial-detail-content blockquote::before i, .content-testimonial .testimonial-detail-content .cShareSocialMedia .itemIcon a blockquote::before i { color: white !important; font-size: 18px; } .sectionStories .nav-tabs-stories:not(.slick-slider) > div:not(:first-child) { display: none; } .sectionStories .nav-tabs-stories { border-bottom: 0; } .sectionStories .nav-tabs-stories .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sectionStories .nav-tabs-stories .slick-list { padding-top: 1rem !important; padding-bottom: 1rem !important; } @media screen and (max-width: 991px) { .sectionStories .nav-tabs-stories .slick-current .active { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } .sectionStories .nav-tabs-stories .slick-prev { position: absolute; top: 50%; left: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sectionStories .nav-tabs-stories .slick-prev { top: auto; bottom: -50%; left: 5%; } } .sectionStories .nav-tabs-stories .slick-prev::before { opacity: 1; font-size: 20px; color: #072066; content: '\f053'; } @media screen and (max-width: 991px) { .sectionStories .nav-tabs-stories .slick-prev::before { font-size: 24px; } } .sectionStories .nav-tabs-stories .slick-next { position: absolute; top: 50%; right: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sectionStories .nav-tabs-stories .slick-next { top: auto; bottom: -50%; right: 5%; } } .sectionStories .nav-tabs-stories .slick-next::before { font-size: 20px; color: #072066; opacity: 1; content: '\f054'; } @media screen and (max-width: 991px) { .sectionStories .nav-tabs-stories .slick-next::before { font-size: 24px; } } .sectionStories .nav-tabs-stories .slick-dots { bottom: -30%; margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .sectionStories .nav-tabs-stories .slick-dots li { width: 15px; height: 15px; background: #F8F7F5; border: 1px solid #F8F7F5; border-radius: 50%; margin-left: .5em; cursor: pointer; } .sectionStories .nav-tabs-stories .slick-dots li button { display: none; } .sectionStories .nav-tabs-stories .slick-dots li.slick-active { background: #418628; border: 1px solid #418628; } @media screen and (min-width: 992px) { .sectionStories .nav-tabs-stories .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .sectionStories .nav-tabs-stories .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; margin-left: auto; margin-right: auto; } .sectionStories .nav-tabs-stories .nav-link img { max-width: 80px; margin-bottom: 0.5rem; } .sectionStories .nav-tabs-stories .nav-link span { background-image: none; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; padding: 5px 10px; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color: #072066; } .sectionStories .nav-tabs-stories .nav-link.active span { background-image: url("../img/bgTitleCatRepices.png"); } .tab-content-storie { background-image: url("../img/bgTestimonialContent1.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; padding: 1rem; position: relative; } @media screen and (min-width: 992px) { .tab-content-storie .icon_bird { position: absolute; top: 7%; right: 7%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .tab-content-storie .icon_bird { position: absolute; right: 9%; top: 5%; max-width: 50px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 992px) { .tab-content-storie .icon_flower_green { position: absolute; bottom: -1%; left: 8%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (max-width: 991px) { .tab-content-storie .icon_flower_green { position: absolute; left: 10%; bottom: 0; max-width: 70px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .tab-content-storie .contentStorie { padding: 50px; } @media screen and (max-width: 991px) { .tab-content-storie .contentStorie { padding-left: 15px; padding-right: 15px; padding-top: 30px; } } .tab-content-storie .contentStorie .iconStorieMobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-content-storie .contentStorie .iconStorieMobile p { font-size: 44px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); color: #418628; } .tab-content-storie .contentStorie .storieQuote { text-align: center; margin-bottom: 1.5rem; } @media screen and (min-width: 992px) { .tab-content-storie .contentStorie .storieQuote { padding-left: 100px; padding-right: 100px; } } .tab-content-storie .contentStorie .storieQuote p { line-height: 1.2; font-size: 44px; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); color: #418628; } @media screen and (max-width: 991px) { .tab-content-storie .contentStorie .storieQuote p { font-size: 30px; } } .tab-content-storie .contentStorie .iconStorie1 { text-align: center; } .tab-content-storie .contentStorie .iconStorie1 p { font-size: 34px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); color: #418628; } .tab-content-storie .contentStorie .bodyStorie { max-height: 560px; overflow-y: scroll; padding-right: 1rem; color: #595959; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .tab-content-storie .contentStorie .bodyStorie::-webkit-scrollbar { width: 10px; } .tab-content-storie .contentStorie .bodyStorie::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .tab-content-storie .contentStorie .bodyStorie::-webkit-scrollbar-thumb { background: #418628; border-radius: 10px; } .tab-content-storie .contentStorie .bodyStorie::-webkit-scrollbar-thumb:hover { background: #5b8e37; } .tab-content-storie .contentStorie .bodyStorie p { color: #072066; font-size: 18px; } .tab-content-storie .contentStorie .bodyStorie img { margin-bottom: 1rem; } .tab-content-storie .contentStorie .bodyStorie blockquote { font-size: 26px; position: relative; } .tab-content-storie .contentStorie .bodyStorie blockquote::before { content: "\f10d"; display: inline-block; position: absolute; top: 0; left: 0px; font-weight: 900; color: #072066; font-family: "Font Awesome 5 Pro"; } .tab-content-storie .contentStorie .bodyStorie blockquote::after { content: "\f10e"; display: inline-block; position: absolute; bottom: 0; right: 0px; font-weight: 900; color: #072066; font-family: "Font Awesome 5 Pro"; } .tab-content-storie .contentStorie .bodyStorie blockquote p { font-size: 26px; padding: 10px 40px 10px 40px; font-family: 'Satisfy'; } .tab-content-storie .contentStorie .bodyStorie blockquote p em { font-style: italic; } .cJoinCommunity { background-image: url("../img/bgTestimonialContent2.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; padding: 1rem; text-align: center; position: relative; z-index: 1; } .cJoinCommunity h1, .cJoinCommunity h2, .cJoinCommunity h3, .cJoinCommunity h4, .cJoinCommunity h5, .cJoinCommunity h6 { color: white; } .cJoinCommunity h1 img, .cJoinCommunity h2 img, .cJoinCommunity h3 img, .cJoinCommunity h4 img, .cJoinCommunity h5 img, .cJoinCommunity h6 img { max-width: 120px; display: inline-block; } @media screen and (max-width: 991px) { .cJoinCommunity h1, .cJoinCommunity h2, .cJoinCommunity h3, .cJoinCommunity h4, .cJoinCommunity h5, .cJoinCommunity h6 { text-align: center; font-size: 30px; } .cJoinCommunity h1 img, .cJoinCommunity h2 img, .cJoinCommunity h3 img, .cJoinCommunity h4 img, .cJoinCommunity h5 img, .cJoinCommunity h6 img { max-width: 150px; } } .cJoinCommunity p { color: white; } .cJoinCommunity .cFormCommunity .form-group { position: relative; } .cJoinCommunity .cFormCommunity .form-group input[type="email"] { min-height: 70px; border-radius: 50px; padding-left: 30px; padding-right: 160px; font-size: 15px; } @media screen and (max-width: 991px) { .cJoinCommunity .cFormCommunity .form-group input[type="email"] { min-height: 50px; padding-right: 100px; margin-left: auto; margin-right: auto; display: block; padding-left: 15px; width: 95%; } } .cJoinCommunity .cFormCommunity .form-group input[type="email"]::-webkit-input-placeholder { font-size: 15px; } .cJoinCommunity .cFormCommunity .form-group input[type="email"]:-ms-input-placeholder { font-size: 15px; } .cJoinCommunity .cFormCommunity .form-group input[type="email"]::-ms-input-placeholder { font-size: 15px; } .cJoinCommunity .cFormCommunity .form-group input[type="email"]::placeholder { font-size: 15px; } .cJoinCommunity .cFormCommunity .form-group button { position: absolute; top: 50%; right: 2%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); min-height: 55px; border-radius: 50px; padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 991px) { .cJoinCommunity .cFormCommunity .form-group button { padding-left: 10px; padding-right: 10px; min-height: 35px; font-size: 12px; right: 5%; } } .pageStories { background-color: #fee5d2; } .pageStories .bgCircleStorie { position: absolute; top: 5%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; } .pageStories .sectionStories { position: relative; } @media screen and (min-width: 1700px) { .pageStories .sectionStories .iconStarStorie1 { position: absolute; top: 20%; left: 14% !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 70px; } } @media screen and (min-width: 992px) { .pageStories .sectionStories .iconStarStorie1 { position: absolute; top: 20%; left: 7%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 70px; } } @media screen and (max-width: 991px) { .pageStories .sectionStories .iconStarStorie1 { position: absolute; max-width: 80px; left: 5%; top: -2%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 1700px) { .pageStories .sectionStories .iconStarStorie2 { position: absolute; left: 12% !important; bottom: 25%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (min-width: 992px) { .pageStories .sectionStories .iconStarStorie2 { position: absolute; left: 7%; bottom: 25%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .pageStories .sectionStories .iconStarStorie2 { position: absolute; bottom: -1%; left: 5%; max-width: 70px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 1700px) { .pageStories .sectionStories .iconStarStorie3 { position: absolute; top: 30%; right: 12% !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (min-width: 992px) { .pageStories .sectionStories .iconStarStorie3 { position: absolute; top: 30%; right: 7%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .pageStories .sectionStories .iconStarStorie3 { position: absolute; max-width: 80px; right: 20%; top: -1%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 1700px) { .pageStories .sectionStories .iconStarStorie4 { position: absolute; bottom: 35%; right: 12% !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (min-width: 992px) { .pageStories .sectionStories .iconStarStorie4 { position: absolute; bottom: 35%; right: 7%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .pageStories .sectionStories .iconStarStorie4 { position: absolute; bottom: -2%; right: 15%; max-width: 90px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .pageStories .section-storie-1 { position: relative; z-index: 1; background-color: #f8f7f5; } .pageStories .sectionProductHome { background-image: url("../img/bgProductsHome.png"); background-size: cover; background-position: top; background-repeat: no-repeat; position: relative; } @media screen and (min-width: 992px) { .pageStories .sectionProductHome .iconBeans { position: absolute; top: -3%; left: 15%; -webkit-transform: translate(0, 0) rotate(-10deg); -ms-transform: translate(0, 0) rotate(-10deg); transform: translate(0, 0) rotate(-10deg); max-width: 120px; } } @media screen and (max-width: 991px) { .pageStories .sectionProductHome .iconBeans { position: absolute; top: -1%; left: 10%; max-width: 120px; -webkit-transform: translate(0, 0) rotate(-10deg); -ms-transform: translate(0, 0) rotate(-10deg); transform: translate(0, 0) rotate(-10deg); } } @media screen and (min-width: 992px) { .pageStories .sectionProductHome .icon_carrot { position: absolute; top: 12%; right: 15%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 55px; } } @media screen and (max-width: 991px) { .pageStories .sectionProductHome .icon_carrot { max-width: 70px; position: absolute; right: 5%; top: 3%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .sliderProductsHome:not(.slick-slider) > div:not(:first-child) { display: none; } .sliderProductsHome .slick-prev { position: absolute; top: 50%; left: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sliderProductsHome .slick-prev { top: 30%; left: 5%; background-color: transparent; } } .sliderProductsHome .slick-prev::before { opacity: 1; font-size: 28px; color: #072066; content: '\f053'; } @media screen and (max-width: 991px) { .sliderProductsHome .slick-prev::before { font-size: 24px; } } .sliderProductsHome .slick-next { position: absolute; top: 50%; right: -5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; font-size: 0; line-height: 1; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; } @media screen and (max-width: 991px) { .sliderProductsHome .slick-next { top: 30%; right: 5%; background-color: transparent; } } .sliderProductsHome .slick-next::before { font-size: 28px; color: #072066; opacity: 1; content: '\f054'; } @media screen and (max-width: 991px) { .sliderProductsHome .slick-next::before { font-size: 24px; } } .teaserMiniProduct a { width: 100%; color: inherit; text-decoration: none; } .teaserMiniProduct a:hover, .teaserMiniProduct a:focus { color: inherit; text-decoration: none; } .teaserMiniProduct .contentProduct { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .teaserMiniProduct .contentProduct { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .teaserMiniProduct .contentProduct .imgProduct { text-align: center; margin-bottom: 1rem; } .teaserMiniProduct .contentProduct .imgProduct img { margin: auto; } .teaserMiniProduct .contentProduct .infoProduct { padding-left: 30px; padding-right: 30px; } .teaserMiniProduct .contentProduct .infoProduct p { text-align: center; } } .teaserMiniProduct .contentProduct .imgProduct { max-width: 213px; margin: auto; display: block; } .teaserMiniProduct .contentProduct .infoProduct p { font-size: 18px; color: #072066; } .teaserMiniProduct .contentProduct .infoProduct ul { padding-left: 0; } .teaserMiniProduct .contentProduct .infoProduct ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #393834; margin-bottom: 20px; } .teaserMiniProduct .contentProduct .infoProduct ul li::before { content: ''; display: inline-block; height: 30px; width: 35px; min-width: 35px; margin-right: 30px; background-image: url("../img/check.png"); background-size: 100% 100%; } .productDescription .titleProduct h1, .productDescription .titleProduct h2, .productDescription .titleProduct h3, .productDescription .titleProduct h4, .productDescription .titleProduct h5, .productDescription .titleProduct h6 { color: #072066; } .productDescription .titleProduct h1 img, .productDescription .titleProduct h2 img, .productDescription .titleProduct h3 img, .productDescription .titleProduct h4 img, .productDescription .titleProduct h5 img, .productDescription .titleProduct h6 img { max-width: 130px; } .productDescription ul { padding-left: 0; padding-top: 1rem; padding-bottom: 1rem; } .productDescription ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #393834; margin-bottom: 12px; } .productDescription ul li::before { content: ''; display: inline-block; height: 20px; width: 25px; min-width: 25px; margin-right: 20px; background-image: url("../img/check.png"); background-size: 100% 100%; } .cBannerProducts { background-color: white; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } .cDetailProduct .titleProduct { margin-bottom: 1.25rem; } .cDetailProduct .titleProduct h1, .cDetailProduct .titleProduct h2, .cDetailProduct .titleProduct h3, .cDetailProduct .titleProduct h4, .cDetailProduct .titleProduct h5, .cDetailProduct .titleProduct h6 { color: #072066; } .section-whats-inside { position: relative; } @media screen and (min-width: 1700px) { .section-whats-inside .iconBeans { position: absolute; top: 0%; right: 35% !important; -webkit-transform: translate(0, 0) rotate(5deg); -ms-transform: translate(0, 0) rotate(5deg); transform: translate(0, 0) rotate(5deg); max-width: 100px; } } @media screen and (min-width: 992px) { .section-whats-inside .iconBeans { position: absolute; top: 0%; right: 20%; -webkit-transform: translate(0, 0) rotate(5deg); -ms-transform: translate(0, 0) rotate(5deg); transform: translate(0, 0) rotate(5deg); max-width: 100px; } } @media screen and (max-width: 991px) { .section-whats-inside .iconBeans { position: absolute; top: 0; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } } @media screen and (min-width: 1700px) { .section-whats-inside .icon_star2 { position: absolute; bottom: 10%; left: 20% !important; -webkit-transform: translate(0, 0) rotate(200deg); -ms-transform: translate(0, 0) rotate(200deg); transform: translate(0, 0) rotate(200deg); max-width: 60px; } } @media screen and (min-width: 992px) { .section-whats-inside .icon_star2 { position: absolute; bottom: 10%; left: 7%; -webkit-transform: translate(0, 0) rotate(200deg); -ms-transform: translate(0, 0) rotate(200deg); transform: translate(0, 0) rotate(200deg); max-width: 60px; } } @media screen and (max-width: 991px) { .section-whats-inside .icon_star3 { position: absolute; bottom: 1%; left: 7%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 60px; } } .section-whats-inside .itemInside { margin-bottom: 1rem; } .section-whats-inside .itemInside .imgInside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 992px) { .section-whats-inside .itemInside .imgInside { min-height: 250px; } } .section-whats-inside .itemInside .imgInside img { max-width: 70%; } .section-whats-inside .itemInside p { color: #072066; } .section-whats-inside p { color: #072066; } .cListFeat ul { padding-left: 0; padding-top: 1rem; padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cListFeat ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #072066; margin-bottom: 20px; } @media screen and (min-width: 992px) { .cListFeat ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } } .cListFeat ul li::before { content: ''; display: inline-block; height: 30px; width: 35px; min-width: 35px; margin-right: 20px; background-image: url("../img/check.png"); background-size: 100% 100%; } .section-ingredients-sources { position: relative; } @media screen and (min-width: 1700px) { .section-ingredients-sources .icon_croccoli { position: absolute; bottom: 10px; right: 20% !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 60px; } } @media screen and (min-width: 992px) { .section-ingredients-sources .icon_croccoli { position: absolute; bottom: 10px; right: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 60px; } } @media screen and (max-width: 991px) { .section-ingredients-sources .icon_croccoli { position: absolute; bottom: 0; right: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 75px; } } .section-ingredients-sources .accordionIngredientsSources .card { border: none; background-color: transparent; } .section-ingredients-sources .accordionIngredientsSources .card-header { background-color: white; border: 1px solid #D6D6D6; border-radius: 5px; padding: 0; margin-bottom: 0; } .section-ingredients-sources .accordionIngredientsSources .card-header button { text-decoration: none; font-size: 18px; color: #393834; padding: .75rem 1.25rem; position: relative; } .section-ingredients-sources .accordionIngredientsSources .card-header button:hover, .section-ingredients-sources .accordionIngredientsSources .card-header button:focus { color: #393834; text-decoration: none; } .section-ingredients-sources .accordionIngredientsSources .card-header button::after { position: absolute; top: 50%; right: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 18px; color: #418628; content: '\f055'; } .section-ingredients-sources .accordionIngredientsSources .card-header button[aria-expanded="true"]::after { content: '\f056'; } .section-ingredients-sources .accordionIngredientsSources .card-body { padding-top: 50px; padding-left: 0; padding-right: 0; } .section-resources-support-products { position: relative; } @media screen and (min-width: 992px) { .section-resources-support-products .icon_whisk_yellow { position: absolute; top: 18%; left: 40%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 70px; } } @media screen and (max-width: 991px) { .section-resources-support-products .icon_whisk_yellow { position: absolute; max-width: 70px; top: 8%; left: 15%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .section-resources-support-products ul { padding-left: 0; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; } .section-resources-support-products ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #393834; margin-bottom: 20px; } .section-resources-support-products ul li::before { content: ''; display: inline-block; height: 30px; width: 35px; min-width: 35px; margin-right: 20px; background-image: url("../img/check.png"); background-size: 100% 100%; } .section-benefits-simplink { background-image: url("../img/bgBenefitsSimplink.png"); background-position: top; background-size: cover; background-repeat: no-repeat; position: relative; } @media screen and (min-width: 992px) { .section-benefits-simplink .icon_carrot { position: absolute; top: 25%; right: 20%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 60px; } } .section-benefits-simplink .cHeadingSimplink { color: #072066; } .section-benefits-simplink .img_use_simplink { max-width: 180px; } .section-storie-node { position: relative; } @media screen and (min-width: 992px) { .section-storie-node .arrowCurve1 { position: absolute; top: 15%; right: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 70px; } } @media screen and (min-width: 992px) { .section-storie-node .icon_star_yellow { position: absolute; top: 23%; left: 10%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 60px; } } .section-storie-node .bannerStorieNode { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } .section-storie-node .bannerStorieNode p { color: #072066; } .section-recipes-products ul { padding-left: 0; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; } .section-recipes-products ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #393834; margin-bottom: 20px; } .section-recipes-products ul li::before { content: ''; display: inline-block; height: 30px; width: 35px; min-width: 35px; margin-right: 20px; background-image: url("../img/check.png"); background-size: 100% 100%; } .section-banner-green { background-color: #B3D57C; position: relative; } @media screen and (min-width: 992px) { .section-banner-green .icon_flower_banner_green { position: absolute; bottom: 0; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 992px) { .section-banner-green .icon_flower_banner_green { position: absolute; bottom: 0; right: 10%; max-width: 90px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 992px) { .section-banner-green .cBannerGreen1 { padding-bottom: 100px !important; } } .section-banner-green .cBannerGreen1 .cTitle h1, .section-banner-green .cBannerGreen1 .cTitle h2, .section-banner-green .cBannerGreen1 .cTitle h3, .section-banner-green .cBannerGreen1 .cTitle h4, .section-banner-green .cBannerGreen1 .cTitle h5, .section-banner-green .cBannerGreen1 .cTitle h6 { color: #072066; } .section-banner-green .cBannerGreen1 ul { padding-left: 0; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; } .section-banner-green .cBannerGreen1 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; color: #393834; margin-bottom: 20px; } .section-banner-green .cBannerGreen1 ul li::before { content: ''; display: inline-block; height: 20px; width: 25px; min-width: 25px; margin-right: 15px; background-image: url("../img/check_green.png"); background-size: 100% 100%; } @media screen and (max-width: 992px) { .section-banner-green .cBannerGreen1 .btn { padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 992px) { .c_iconstar1 { position: absolute; top: 7%; left: 40%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; z-index: 1; } } @media screen and (max-width: 991px) { .c_iconstar1 { position: absolute; top: 5%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 1; max-width: 80px; } } @media screen and (min-width: 992px) { .c_icon_flower_green_1 { position: absolute; bottom: 35%; right: 17%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .c_icon_flower_green_1 { display: none; } } @media screen and (min-width: 992px) { .c_iconstar2 { position: absolute; top: 7%; right: 15%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; z-index: 1; } } @media screen and (max-width: 991px) { .c_iconstar2 { position: absolute; top: 5%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 1; max-width: 80px; } } @media screen and (min-width: 992px) { .c_icon_flower_green_2 { position: absolute; bottom: 20%; left: 50%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 80px; } } @media screen and (max-width: 991px) { .c_icon_flower_green_2 { display: none; } } .cLoginCMS .form-item-name { margin-bottom: 1.25rem; } .cLoginCMS .form-item-name label { display: block; } .cLoginCMS .form-item-pass { margin-bottom: 1.25rem; } .cLoginCMS input[type=submit] { border: none; } @media screen and (max-width: 991px) { .homepage-5 .btn { width: 100%; } } .imgProductMobile { position: relative; } .imgProductMobile .icon_star_yellow1 { position: absolute; top: 5%; right: 5%; max-width: 80px; } .sidebar-menu .nav-item { margin-bottom: 1rem; } .sidebar-menu .nav-link { color: #072066; } .sidebar-menu .nav-link.active { background-color: #418628; } .teaser_list_product { background-color: white; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; min-height: 445px; } @media screen and (max-width: 992px) { .teaser_list_product { min-height: auto; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .teaser_list_product { min-height: 375px; } } .teaser_list_product .wrapper_img { min-height: 300px; } @media screen and (max-width: 992px) { .teaser_list_product .wrapper_img { min-height: auto; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .teaser_list_product .wrapper_img { min-height: auto; } } @media screen and (max-width: 992px) { .teaser_list_product .wrapper_img .img_teaser_middle { max-width: 100%; } } .teaser_list_product .wrapper_img img { max-width: 300px; } @media only screen and (max-width: 1199px) and (min-width: 992px) { .teaser_list_product .wrapper_img img { max-width: inherit; } } .teaser_list_product .wrapper { min-height: 100px; } .teaser_list_product .wrapper .productDescription { text-align: center; } .teaser_list_product .wrapper .productDescription .titleProduct { margin-bottom: 15px; } .coming_soon { position: relative; background: transparent; } .coming_soon .bg-desktop { min-height: 710px; -o-object-fit: cover; object-fit: cover; } .coming_soon .wrapper_banner { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } @media screen and (max-width: 992px) { .coming_soon .wrapper_banner { top: 82%; } } .coming_soon .wrapper_banner .wrapper_icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 992px) { .coming_soon .wrapper_banner .wrapper_icon .coming_soon_icon { max-width: 59%; } } @media screen and (max-width: 676px) { .coming_soon .wrapper_banner .wrapper_icon .coming_soon_icon { max-width: 70%; } } .coming_soon .wrapper_banner .wrapper_icon .wrapper-text { position: absolute; top: 60%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; text-align: center; right: 0%; } .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { color: #072066; font-size: 47px; font-weight: 600; line-height: 56px; text-transform: uppercase; } @media screen and (max-width: 1415px) { .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { font-size: 41px; } } @media screen and (max-width: 1400px) { .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { font-size: 41px; line-height: 40px; } } @media screen and (max-width: 1230px) { .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { font-size: 33px; } } @media screen and (max-width: 992px) { .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { font-size: 33px; } } @media screen and (max-width: 676px) { .coming_soon .wrapper_banner .wrapper_icon .wrapper-text p { font-size: 27px; } } .blog-article-header-wrapper { position: relative; background: #418628; } @media (max-width: 768px) { .blog-article-header-wrapper { min-height: 400px; } } @media (min-width: 768px) { .blog-article-header-image { overflow: hidden; } } @media (max-width: 767px) { .blog-article-header-wrapper img { min-height: 400px; height: 400px; -o-object-fit: cover; object-fit: cover; } } .blog-article-header-image::after { content: '\A'; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .blog-article-gradient { display: block; position: absolute; background-color: black; opacity: .5; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .blog-article-header { position: absolute; top: 0; margin: auto; z-index: 3; } .blog-article-header h1 { font-weight: 700; } .blog-article-header .published_date { font-size: 28px; text-transform: capitalize; } .blog-article-header .d-flex { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } @media (max-width: 768px) { .blog-article-header .d-flex { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .blog-article-header h1 { font-size: 28px; line-height: 35px; } } @media (min-width: 960px) { .blog-article-header h1 { font-size: 50px; line-height: 65px; } } .blog-article-content { z-index: 10; } #article-date p:first-child::before { content: ""; position: absolute; background: #b0afb5; height: 80%; width: 2px; background: #888; right: -.55em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article-abstract { font-size: 26px; font-style: italic; font-weight: bold; color: #1f3e90 !important; } .article-content-1 p, .article-content-2 p, .article-content-1 h3, .article-content-2 h3, .article-content-1 h4, .article-content-2 h4 { margin-bottom: 35px; } .article-content-1 p, .article-content-2 p { color: #595959 !important; font-size: 18px; } .article-content-1 h3, .article-content-2 h3 { margin-top: 12px; margin-bottom: 6px; } .article-content-1 h3, .article-content-2 h3 { margin-top: 35px; margin-bottom: 10px; color: #888; } .article-content-1 a, .article-content-2 a { color: #1f3e90; font-weight: 600; } #article-author { border-top: 0.5px solid #dedede; } @media (max-width: 768px) { .article-abstract { font-size: 20px; } .article-content-1 p, .article-content-2 p { margin-bottom: 20px; font-size: 16px; } } /** ================================================ *** SOCIAL MEDIA ICONS *** ================================================ **/ .social-icon { margin: 0 5px 5px 0; height: 40px; font-size: 20px; padding-left: 10px; padding-right: 10px; line-height: 40px !important; text-shadow: none; border-radius: 3px; overflow: hidden; display: block; float: left; text-align: center; } .social-icon:hover { border-color: transparent; } .social-icon i { display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 40px; position: relative; margin-right: 0px; padding-right: 0px; } .social-icon i:last-child { color: white !important; } .social-icon:hover i:first-child { margin-top: -40px; } .social-icon.icon-large, .social-icon.icon-lg { margin: 0 5px 5px 0; height: 60px; font-size: 30px; line-height: 60px !important; } .social-icon.icon-large:hover, .social-icon.icon-lg:hover { border-color: transparent; } .social-icon.icon-large i, .social-icon.icon-lg i { display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 60px; position: relative; } .social-icon.icon-large i:last-child, .social-icon.icon-lg i:last-child { color: #FFF !important; } .social-icon.icon-large:hover i:first-child, .social-icon.icon-lg:hover i:first-child { margin-top: -60px; } .social-icon.icon-small, .social-icon.icon-sm { margin: 0 5px 5px 0; height: 30px; font-size: 18px; line-height: 30px !important; } .social-icon.icon-small:hover, .social-icon.icon-sm:hover { border-color: transparent; } .social-icon.icon-small i, .social-icon.icon-sm i { display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 30px; position: relative; } .social-icon.icon-small i:last-child, .social-icon.icon-sm i:last-child { color: #FFF !important; } .social-icon.icon-small:hover i:first-child, .social-icon.icon-sm:hover i:first-child { margin-top: -30px; } .social-icon.dark-border { border: 1px solid #595959 !important; width: 40px; } .social-icon.white-border { border: 1px solid white !important; width: 40px; } .social-icon.dark-border.icon-large, .social-icon.dark-border.icon-lg, .social-icon.white-border.icon-large, .social-icon.white-border.icon-lg { width: 60px; } .social-icon.dark-border.icon-small, .social-icon.dark-border.icon-sm, .social-icon.white-border.icon-small, .social-icon.white-border.icon-sm { width: 30px; } .social-icon.border-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .testimonial-detail-content, .article-content-1 { color: #072066; font-size: 18px; } .testimonial-detail-content h2, .article-content-1 h2 { font-size: 26px; font-weight: bold; color: #418628 !important; margin-bottom: 6px; margin-top: 12px; } .testimonial-detail-content h3, .article-content-1 h3 { margin-top: 35px; margin-bottom: 10px; color: #7dbaeb !important; } .testimonial-detail-content h4, .article-content-1 h4 { color: #7dbaeb !important; margin-bottom: 5px; font-size: 20px; } .testimonial-detail-content h5, .article-content-1 h5 { color: #7dbaeb !important; margin-bottom: 5px; } .testimonial-detail-content strong, .article-content-1 strong { font-weight: bold; color: #072066 !important; } .testimonial-detail-content a, .article-content-1 a { text-decoration: underline; color: #072066; } .testimonial-detail-content p, .article-content-1 p { margin-bottom: 15px; color: #072066 !important; } .testimonial-detail-content blockquote, .article-content-1 blockquote { position: relative; font-size: 20px; line-height: 30px; padding-left: 35px; font-style: italic; } @media (min-width: 997px) { .testimonial-detail-content blockquote, .article-content-1 blockquote { font-size: 26px; line-height: 35px; padding-left: 50px; } } .testimonial-detail-content blockquote::before, .article-content-1 blockquote::before { content: "\f10d"; display: inline-block; position: absolute; top: 2px; left: 0; font: normal normal normal 14px/1 FontAwesome; line-height: 30px; padding-left: 7px; font-size: 20px; } @media (min-width: 997px) { .testimonial-detail-content blockquote::before, .article-content-1 blockquote::before { font-size: 26px; padding-left: 12px; font-size: 26px; line-height: 35px; } } .testimonial-detail-content blockquote p, .article-content-1 blockquote p { color: inherit; font-size: inherit; } .background_default { min-height: 400px; } @media screen and (min-width: 1450px) { .ourAmbitionImg, .imgCircleMain { max-width: 70%; display: block; } } .horizontal-tabs .nav-pills { border-bottom: 1px solid #dedede; width: 100%; } .horizontal-tabs .nav-pills .nav-item { text-align: center; margin-left: 10px; margin-right: 10px; text-transform: uppercase; position: relative; } .horizontal-tabs .nav-pills .nav-item img { max-width: 40px; } .horizontal-tabs .nav-pills .nav-item .nav-link { color: #072066; font-weight: 400; cursor: pointer; border-radius: 0; } .horizontal-tabs .nav-pills .nav-item .nav-link.active { background-color: inherit; color: #3D7E26; font-weight: 700; border-bottom: 4px solid #3D7E26; } .filter-header { border-bottom: 0.5px solid #cecece; } .filter-header .form-group { border-radius: 0; height: inherit; position: relative; padding-bottom: 20px; margin-bottom: 0px; margin-top: 10px; } .filter-header #filter_form #used-sel { font-size: 14px; padding-left: 2px !important; padding-right: 2px !important; padding-top: 2px !important; padding-bottom: 2px !important; } .recipe-thumbnail .color-gray { color: #757575 !important; } .recipe-thumbnail .recipe-thumbnail-category { position: absolute; top: 0; left: 0; background-color: #418628; } .recipe-thumbnail .recipe-thumbnail-title { position: absolute; bottom: 0; left: 0; width: 100%; background: black; background: rgba(0, 0, 0, 0.4); } .recipe-thumbnail .recipe-thumbnail-title h3 { font-size: 16px; text-shadow: 2px 2px 4px #072066; } .recipe-thumbnail .recipe-thumbnail-title-desktop { width: 100%; min-height: 50px; } .recipe-thumbnail .recipe-thumbnail-title-desktop h3 { font-size: 16px; color: #525252; } .recipe-thumbnail .fa-youtube { font-size: 18px; } @media screen and (max-width: 767px) { .recipe-thumbnail .fa-youtube { margin-bottom: 5px; color: white; } } .breadcrumb-recipe { background-color: inherit !important; padding: 0px !important; margin-bottom: 0px !important; } .breadcrumb-recipe .breadcrumb-item { font-size: 16px; } .breadcrumb-recipe .breadcrumb-item.active { color: #6c757d; } .breadcrumb-recipe .breadcrumb-item a { color: #072066; -o-transition: 1s; transition: 1s; -webkit-transition: 1s; text-decoration: none; font-weight: bold; } .breadcrumb-recipe .breadcrumb-item a:hover, .breadcrumb-recipe .breadcrumb-item a:focus { color: #072066; text-decoration: underline; } .ingrientes-table h3 { margin-bottom: 0; padding-bottom: 10px; color: #072066; font-weight: bold; } .ingrientes-table h3::after { margin-top: 15px; content: " "; display: block; width: 50px; height: 4px; background: #072066; } .ingrientes-table table { margin-bottom: 1em; width: 100%; } .ingrientes-table table td { padding: 10px; border-bottom: 1px solid #dedede; font-size: 18px; line-height: 30px; color: #595959; } .ingrientes-table table td:nth-child(1) { color: #595959 !important; text-align: end; font-weight: 700; } .ingrientes-table table td p { margin-bottom: 0; } .directions .heading h2 { margin-bottom: 0; padding-bottom: 10px; color: #072066; font-weight: bold; } .directions .heading h2::after { margin-top: 15px; content: " "; display: block; width: 50px; height: 4px; background: #072066; } .directions ol, .directions ul { margin-top: 0.5rem !important; } .directions ol li, .directions ul li { color: #595959 !important; font-size: 18px; line-height: 30px; margin-bottom: 0.5rem !important; } .heading-product-used h2 { margin-bottom: 0; padding-bottom: 10px; color: #072066; font-weight: bold; } .heading-product-used h2::after { margin-top: 15px; content: " "; display: block; width: 50px; height: 4px; background: #072066; } .cHeadingMoreRecipes h1 { color: #072066; } .testimonial-header-wrapper { position: relative; background: rgba(225, 39, 27, 0.55); } .testimonial-header-wrapper .testimonial-header-image img { max-height: 475px; } @media screen and (max-width: 767px) { .testimonial-header-wrapper .testimonial-header-image img { min-height: 800px; } } .testimonial-header-wrapper .testimonial-header-image::after { content: '\A'; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .testimonial-header-wrapper .testimonial-header { position: absolute; top: 0; margin: auto; z-index: 2; left: 0; right: 0; } @media screen and (min-width: 768px) { .testimonial-header-wrapper .testimonial-header { margin-top: 30px; } } .testimonial-header-wrapper .testimonial-header .breadcrumb { background-color: transparent; padding: 0px !important; margin-bottom: 0px !important; } .testimonial-header-wrapper .testimonial-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #072066; } .testimonial-header-wrapper .testimonial-header .breadcrumb a { color: #072066; text-decoration: none; } .testimonial-header-wrapper .testimonial-header .breadcrumb a:hover, .testimonial-header-wrapper .testimonial-header .breadcrumb a:focus { color: #072066; text-decoration: underline; } .testimonial-header-wrapper .testimonial-header .text-large { font-size: 35px; line-height: 34px; } @media screen and (max-width: 1200px) { .testimonial-header-wrapper .testimonial-header .text-large { font-size: 21px; line-height: 34px; } } @media screen and (max-width: 992px) { .testimonial-header-wrapper .testimonial-header .text-large { font-size: 18px; line-height: 25px; } } .testimonial-header-wrapper .testimonial-header .text-large span { font-family: 'Satisfy'; font-weight: normal; font-style: normal; color: #418628 !important; } .content-testimonial .testimonial-detail-content h2 { font-size: 26px; font-style: italic; font-weight: bold; color: #1f3e90 !important; margin-bottom: 1.5rem; } @media screen and (min-width: 992px) { .content-testimonial .testimonial-detail-content h2 { margin-bottom: 2rem; } } .content-testimonial .testimonial-detail-content p { color: white; } .header-recipe .hero-banner-title { color: #072066; font-weight: 700; } .header-recipe .icons a { color: #072066; } .header-recipe .icons .social-icon i { color: #072066 !important; } .header-recipe .portions { color: #072066; } .link-blue { color: #072066; text-decoration: underline; } .link-blue :hover { color: #072066 !important; text-decoration: none; } .cSectionStories .icon_1 { position: absolute; top: 4%; left: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 85px; } .cSectionStories .icon_2 { position: absolute; top: 4%; right: 5%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 100px; } .customFooterLinksBottom ul li { margin-right: 0px !important; border-left: 1px solid; padding-right: 1.3rem !important; padding-left: 1.3rem !important; } .customFooterLinksBottom ul li a { color: #072066; text-decoration: none; font-size: 16px; } .customFooterLinksBottom ul li a:hover, .customFooterLinksBottom ul li a:focus { color: #072066; text-decoration: underline; } @media screen and (max-width: 991px) { .customFooterLinksBottom ul li a { font-size: 14px; } } @media screen and (max-width: 992px) { .customFooterLinksBottom ul li { width: 100%; border-left: none; } } .infoContact p { margin-bottom: 5px; color: #072066; } .infoContact a { color: black; text-decoration: none; } .infoContact a:hover, .infoContact a:focus { color: black; text-decoration: underline; } .infoContact img { max-width: 40px; } .link-disclaimer { color: #072066; text-decoration: none; font-size: 16px; } .link-disclaimer:hover, .link-disclaimer:focus { color: #072066; text-decoration: underline !important; } .mode-language-page { background-color: white; color: #012169; } @media screen and (max-width: 991px) { .mode-language-page { display: none; } } @media screen and (min-width: 992px) { .mode-language-page { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.3; } } .mode-language-page a { max-height: 35px; text-decoration: none; color: #012169 !important; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mode-language-page a p { margin-bottom: 0; min-height: 35px; padding-top: 0; padding-bottom: 0; padding-left: 5px; padding-right: 5px; font-weight: bold; color: #012169 !important; display: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mode-language-page a p img { margin-right: 7px; max-width: 21px; } @media only screen and (max-width: 1259px) and (min-width: 992px) { .mode-language-page a p img { display: none; } } .mode-language-page a p i { color: #012169 !important; margin-left: 7px; } @media screen and (min-width: 992px) { .mode-language-page .dropdown-menu { width: auto !important; min-width: 260px !important; top: calc(100% - 2px) !important; left: auto !important; display: block; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s,opacity 0.3s linear; -o-transition: visibility 0.3s,opacity 0.3s linear; transition: visibility 0.3s,opacity 0.3s linear; border: none; border-radius: 0 0 5px 5px; padding: 20px; background-color: #FFF9F5; -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.09); box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.09); } .mode-language-page .dropdown-menu.show { display: block !important; opacity: 1; visibility: visible !important; } } .mode-language-page .dropdown-menu .customLinksLanguages { padding-left: 50px; padding-top: 15px; } .mode-language-page .dropdown-menu .customLinksLanguages a { color: #012169; } .mode-language-page .dropdown-menu .customLinksLanguages a.active { color: #0092BC !important; } .mode-language-page .dropdown-menu .customLinksLanguages a.active::after { content: ''; background-image: url("../img/icon-check-blue.svg"); background-size: 100% 100%; width: 15px; height: 15px; margin-left: 10px; display: inline-block; } @media screen and (min-width: 992px) { .mode-language-page .dropdown-menu .customCardMenu a { display: block; margin-bottom: 10px; text-decoration: none; color: #012169; font-weight: bold; } .mode-language-page .dropdown-menu .customCardMenu a:hover, .mode-language-page .dropdown-menu .customCardMenu a:focus { text-decoration: underline !important; color: #012169; } } .mode-language-page-mobile { background-color: white; color: #012169; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.3; } .mode-language-page-mobile a { text-decoration: none; color: #012169 !important; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mode-language-page-mobile a p { min-height: 40px; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; color: #012169 !important; display: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mode-language-page-mobile a p img { margin-right: 7px; max-width: 21px; } .mode-language-page-mobile a p i { margin-left: 7px; } .top-bar-mobile { background-color: #418628; } .top-bar-mobile .img-global { max-width: 28%; } .top-bar-mobile .cIconWorld { font-size: 20px; color: white; } .top-bar-mobile a { color: white; font-weight: normal; } .top-bar-mobile a.active { color: white; font-weight: bold; } .top-bar-mobile a.active::after { content: ''; background-image: url("../img/icon-check-white.svg"); background-size: 100% 100%; width: 15px; height: 15px; margin-left: 8px; display: inline-block; } .table-nutritional-custom p { color: #595959 !important; font-size: 18px; line-height: 30px; } .table-nutritional-custom table { margin-bottom: 25px; } @media screen and (max-width: 768px) { .table-nutritional-custom table { width: auto !important; } } .table-nutritional-custom table thead { border: 2px solid #072066; color: #072066; text-align: center; } .table-nutritional-custom table thead tr { text-align: center !important; } .table-nutritional-custom table thead tr th:first-child { text-align: left !important; } .table-nutritional-custom table thead tr th { text-align: center !important; border: 2px solid #072066; min-width: 200px; } @media screen and (max-width: 768px) { .table-nutritional-custom table thead tr th { min-width: auto !important; } } .table-nutritional-custom table tbody { border: 2px solid #072066; color: #595959; } .table-nutritional-custom table tbody tr td:first-child { text-align: left; } .table-nutritional-custom table tbody tr td { border: 2px solid #072066; padding: 5px; text-align: center; min-width: 200px; } @media screen and (max-width: 768px) { .table-nutritional-custom table tbody tr td { min-width: auto !important; } } .search-wrapper .search-card { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); padding: 15px 15px 15px 15px; background-color: white; margin: 15px 15px 30px 15px; } .search-wrapper .search-card .title { color: #418628; font-size: 23px; } .search-wrapper .search-card p { color: #072066; } .search-wrapper .js-pager__items li { list-style: none; text-align: center; } .search-wrapper .js-pager__items li a { color: #418628; font-weight: 700; font-size: 18px; text-decoration: underline; } #modalCountry .btn-template-1, #modalCountry .cLoginCMS input[type=submit], .cLoginCMS #modalCountry input[type=submit] { padding-left: 30px; padding-right: 30px; } .tooltipContainer label { color: #fff; font-size: 14px; } .tooltipContainer .tooltip-btn { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: white; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; margin: 0 0.3125rem; background-color: #007cba; } .tooltip-inner { color: #ffffff; /* Color del texto general */ background-color: #000000; /* Fondo del tooltip */ font-size: 14px; /* Tamaño de fuente opcional */ font-family: "Roboto"; font-weight: bold; font-style: normal; } /* Estilo específico para enlaces dentro del tooltip */ .tooltip a { color: #ffffff !important; /* Color blanco para el enlace */ text-decoration: underline; /* Subrayado para destacar el enlace */ font-family: "Roboto"; font-weight: bold; font-style: normal; } .tooltip .tooltip-inner a.tooltip-link, .tooltip-btn a { color: white !important; /* Color del texto del enlace */ text-decoration: underline; /* Subrayado opcional */ } .toggleTheme { cursor: pointer; border-radius: 50px; background: #fff; font-size: 9px; padding: 5px 2px; margin-bottom: 0; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .toggleTheme:hover { background: #072066 !important; } .toggleTheme.dark-mode:hover .light-mode.slide-wrapper { color: #fff !important; } .toggleTheme.light-mode { background: #072066; } .toggleTheme.light-mode .light-mode.slide-wrapper { color: #072066; } .toggleTheme.light-mode:hover .dark-mode.slide-wrapper { color: #fff !important; } .toggleTheme.light-mode .switch-wrapper::before { background-color: #fff; } .toggleTheme .switch-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .toggleTheme .switch-wrapper::before { content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50px; background-color: #000; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .toggleTheme .switch-wrapper .slide-wrapper { color: #181a1b; line-height: 1; font-weight: bold; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 1; } .toggleTheme .switch-wrapper .slide-wrapper.light-mode { padding: 2px 8px 2px 4px; color: #000; } .toggleTheme .switch-wrapper .slide-wrapper.dark-mode { padding: 2px 4px 2px 8px; color: #fff; } .toggleTheme.dark-mode .switch-wrapper::before { right: 0; left: auto; } .toggleTheme.dark-mode .switch-wrapper .slide-wrapper.light-mode { color: #000; } .toggleTheme.dark-mode .switch-wrapper .slide-wrapper.dark-mode { color: #fff; } body.dark-mode { background: #181a1b; background-position: top; background-size: 0.25rem 0.25rem; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } body.dark-mode .tooltipContainer label { color: #fff; } body.dark-mode .tooltipContainer .tooltip-btn { background-color: #3f4141; } body.dark-mode #navbar { background: #181a1b; } body.dark-mode #navbar .nav-item a { color: #b5c0c7; } body.dark-mode #navbar .dropdown .search-cta .fa-search { font-size: 32px; color: #b5c0c7; } body.dark-mode #navbar .navbar-logo img { -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); } body.dark-mode .top-bar { background-color: #3f7c28; } body.dark-mode .cDropdown { background-color: #241f19 !important; } body.dark-mode .cDropdown .linkProduct a { color: #b5c0c7 !important; } body.dark-mode .menu_indicator_custom { -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(6%) saturate(3821%) hue-rotate(353deg) brightness(95%) contrast(84%); filter: brightness(0) saturate(100%) invert(5%) sepia(6%) saturate(3821%) hue-rotate(353deg) brightness(95%) contrast(84%); } body.dark-mode .cNavbarCollapse ul li a { color: #072066; } body.dark-mode .menuDesktopLanguage { background: #181a1b; } body.dark-mode .menuDesktopLanguage a { color: #b5c0c7 !important; } body.dark-mode .menuDesktopLanguage a p { color: #b5c0c7 !important; } body.dark-mode .menuDesktopLanguage a p img { -webkit-filter: brightness(0) saturate(100%) invert(83%) sepia(10%) saturate(232%) hue-rotate(160deg) brightness(91%) contrast(89%); filter: brightness(0) saturate(100%) invert(83%) sepia(10%) saturate(232%) hue-rotate(160deg) brightness(91%) contrast(89%); } body.dark-mode .menuDesktopLanguage a p i { color: #b5c0c7 !important; } body.dark-mode .menuDesktopLanguage .dropdown-menu { background-color: #241f19; } body.dark-mode .dropdown-menu-search { background-color: #241f19 !important; } body.dark-mode .dropdown-menu-search #search_d { background-color: #241f19; border-color: #d0c3ac; color: #d0c3ac; } body.dark-mode .dropdown-menu-search #search_d::-webkit-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu-search #search_d:-ms-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu-search #search_d::-ms-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu-search #search_d::placeholder { color: #d0c3ac; } body.dark-mode p, body.dark-mode ul, body.dark-mode li, body.dark-mode ol, body.dark-mode a, body.dark-mode small, body.dark-mode tr, body.dark-mode td { color: #b5c0c7 !important; } body.dark-mode p i, body.dark-mode ul i, body.dark-mode li i, body.dark-mode ol i, body.dark-mode a i, body.dark-mode small i, body.dark-mode tr i, body.dark-mode td i { color: #b5c0c7 !important; } body.dark-mode p b, body.dark-mode ul b, body.dark-mode li b, body.dark-mode ol b, body.dark-mode a b, body.dark-mode small b, body.dark-mode tr b, body.dark-mode td b { color: #b5c0c7 !important; } body.dark-mode p:hover, body.dark-mode ul:hover, body.dark-mode li:hover, body.dark-mode ol:hover, body.dark-mode a:hover, body.dark-mode small:hover, body.dark-mode tr:hover, body.dark-mode td:hover { color: #b5c0c7; } body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 { color: #b5c0c7 !important; } body.dark-mode h1 i, body.dark-mode h2 i, body.dark-mode h3 i, body.dark-mode h4 i, body.dark-mode h5 i, body.dark-mode h6 i { color: #b5c0c7; } body.dark-mode h1 b, body.dark-mode h2 b, body.dark-mode h3 b, body.dark-mode h4 b, body.dark-mode h5 b, body.dark-mode h6 b { color: #b5c0c7; } body.dark-mode h1 span, body.dark-mode h2 span, body.dark-mode h3 span, body.dark-mode h4 span, body.dark-mode h5 span, body.dark-mode h6 span { color: #94c672 !important; } body.dark-mode .section-storie-1 { background: #181a1b; } body.dark-mode .pageStories { background-color: #344116; } body.dark-mode .pageStories .text-medium { color: #b5c0c7 !important; } body.dark-mode .pageStories .text-small { color: white; } body.dark-mode .sectionProductHome { background-image: none; background: #181a1b; } body.dark-mode .sectionProductHome .infoProduct p a { color: #b5c0c7; } body.dark-mode .breadcrumb-item { color: #c6c1b9 !important; } body.dark-mode .breadcrumb-item a { color: #c6c1b9 !important; } body.dark-mode .breadcrumb-item span { color: #c6c1b9 !important; } body.dark-mode .breadcrumb-item::before { color: #c6c1b9 !important; } body.dark-mode .sliderProductsHome .slick-prev::before { color: #b5c0c7; } body.dark-mode .sliderProductsHome .slick-next::before { color: #b5c0c7; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu { background: #181a1b; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .itemLink { border-bottom: 2px solid #adbc82; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .itemLink a { color: #b5c0c7 !important; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .itemLink a::after { color: #adbc82; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .item { border-bottom: 2px solid #adbc82; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .item div { color: #b5c0c7 !important; } body.dark-mode #navbar-mobile-menu-wrapper .navbar-mobile-menu .item div::after { color: #adbc82; } body.dark-mode #navbar .navbar-burger span { background: #adbc82; } body.dark-mode .dropdown-menu { background-color: #241f19 !important; } body.dark-mode .dropdown-menu #search_m { border-color: #d0c3ac; background: #181a1b; border: solid !important; } body.dark-mode .dropdown-menu #search_m::-webkit-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu #search_m:-ms-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu #search_m::-ms-input-placeholder { color: #d0c3ac; } body.dark-mode .dropdown-menu #search_m::placeholder { color: #d0c3ac; } body.dark-mode .homepage-4 { background: #181a1b; } body.dark-mode .teaserProduct { background-color: #241f19; } body.dark-mode .teaserProduct .card { background-color: #241f19; } body.dark-mode .teaserProduct .card .titleProduct p { color: #b5c0c7; } body.dark-mode .teaserProduct .card .titleProduct h1 { color: #b5c0c7 !important; } body.dark-mode .teaser_list_product { background-color: #241f19; } body.dark-mode .cBannerProducts { background-color: #241f19; } body.dark-mode .cHeroBanner .cBanner h1, body.dark-mode .cHeroBanner .cBanner h2, body.dark-mode .cHeroBanner .cBanner h3, body.dark-mode .cHeroBanner .cBanner h4, body.dark-mode .cHeroBanner .cBanner h5 { color: #072066 !important; } body.dark-mode .cHeroBanner .cBanner p { color: #072066 !important; } body.dark-mode .cHeroBanner_v2 .cContent .img-logo { -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); } body.dark-mode .recipe-thumbnail { background-color: #241f19; } body.dark-mode .recipe-thumbnail .bg-white { background-color: #241f19 !important; } body.dark-mode .recipe-thumbnail .bg-white div { color: white; } body.dark-mode .nav-pills .nav-item img { -webkit-filter: brightness(0) saturate(100%) invert(83%) sepia(10%) saturate(232%) hue-rotate(160deg) brightness(91%) contrast(89%); filter: brightness(0) saturate(100%) invert(83%) sepia(10%) saturate(232%) hue-rotate(160deg) brightness(91%) contrast(89%); } body.dark-mode .nav-pills .nav-item .nav-link { color: #b5c0c7; } body.dark-mode .nav-pills .nav-item .nav-link.active { color: #94c672 !important; } body.dark-mode #filter_form { color: white; } body.dark-mode .content-recipe { background: #181a1b; } body.dark-mode .content-recipe .container { background: #181a1b; } body.dark-mode .content-recipe { background: #181a1b; } body.dark-mode .content-recipe h3::after { background: #b5c0c7; } body.dark-mode .content-recipe h2::after { background: #b5c0c7; } body.dark-mode .content-recipe .table-nutritional-custom table th { border: 2px solid #b5c0c7; } body.dark-mode .content-recipe .table-nutritional-custom table td { border: 2px solid #b5c0c7; } body.dark-mode .cHeadingMoreRecipes h2 { color: #b5c0c7; } body.dark-mode .heading h2 { color: #b5c0c7 !important; } body.dark-mode .directions h1, body.dark-mode .directions h2, body.dark-mode .directions h3 { color: #b5c0c7; } body.dark-mode .directions h1::after, body.dark-mode .directions h2::after, body.dark-mode .directions h3::after { background: #b5c0c7; } body.dark-mode .directions h3::after { background: #b5c0c7; } body.dark-mode .directions h2::after { background: #b5c0c7; } body.dark-mode .directions ol li { color: #b9ac97 !important; } body.dark-mode .portions { color: #b5c0c7; } body.dark-mode .teaserArticle .card { background-color: #241f19; } body.dark-mode .teaserArticle .card p { color: #b5c0c7; } body.dark-mode .blog-article-content { background-color: #241f19 !important; } body.dark-mode .blog-article-content .container { background-color: #241f19 !important; } body.dark-mode .blog-article-content p { color: #b5c0c7 !important; } body.dark-mode .blog-article-content p strong { color: #b5c0c7; } body.dark-mode .content-article { background: #181a1b !important; } body.dark-mode .article-thumbnail-body { background-color: #241f19; } body.dark-mode .section-benefits-simplink { background-color: #241f19; background-image: none; } body.dark-mode .section-banner-green { background-color: #344116; } body.dark-mode .titleProduct p { color: #b5c0c7; } body.dark-mode .titleProduct h1 { color: #b5c0c7 !important; } body.dark-mode .itemInside p { color: #b5c0c7; } body.dark-mode .cBannerGreen1 ul li { color: #b5c0c7; } body.dark-mode .cBannerGreen1 .cTitle h1, body.dark-mode .cBannerGreen1 .cTitle h2, body.dark-mode .cBannerGreen1 .cTitle h3, body.dark-mode .cBannerGreen1 .cTitle h4 { color: #b5c0c7; } body.dark-mode .sliderProduct .slick-dots li.slick-active { background: #b5c0c7; } body.dark-mode .testimonial-header-wrapper { background: #181a1b !important; } body.dark-mode .testimonial-header-wrapper .testimonial-header-image { background-image: none; background: #181a1b !important; } body.dark-mode .testimonial-header-wrapper .testimonial-header-image img { -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(972%) hue-rotate(173deg) brightness(102%) contrast(94%); filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(972%) hue-rotate(173deg) brightness(102%) contrast(94%); } body.dark-mode .testimonial-header .bg-white { background: #181a1b !important; } body.dark-mode .testimonial-header h1 { color: #b5c0c7 !important; } body.dark-mode .tab-content-storie::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("../img/bgTestimonialContent1.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; padding: 1rem; /* Aplicamos el filtro solo al fondo */ -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(972%) hue-rotate(173deg) brightness(102%) contrast(94%); filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(972%) hue-rotate(173deg) brightness(102%) contrast(94%); } body.dark-mode .tab-content-storie .bodyStorie p { color: #b5c0c7 !important; } body.dark-mode .tab-content-storie .bodyStorie p.color-green { color: #418628 !important; } body.dark-mode .tab-content-storie .bodyStorie::-webkit-scrollbar-track { background: #b5c0c7 !important; } body.dark-mode .cJoinCommunity { -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(724%) hue-rotate(37deg) brightness(92%) contrast(88%); filter: brightness(0) saturate(100%) invert(19%) sepia(42%) saturate(724%) hue-rotate(37deg) brightness(92%) contrast(88%); } body.dark-mode .testimonial-wrapper .text-small { color: white; } body.dark-mode .testimonial-wrapper p { color: #b5c0c7 !important; } body.dark-mode .btn { background-color: #3f7c28; color: white; border: none; } body.dark-mode #footer p { color: #b5c0c7 !important; } body.dark-mode #footer .columnFooter { color: #adbc82 !important; } body.dark-mode #footer .columnFooter li { border-left: 1.5px solid #adbc82; } body.dark-mode #footer .columnFooter li a { color: #adbc82 !important; } body.dark-mode #footer .customFooterLinksBottom a { color: #b5c0c7; } body.dark-mode #footer .compleat_logo_footer { -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); } body.dark-mode .section-storie-node .bannerStorieNode p { color: #b5c0c7; } body.dark-mode .heading-page h1 img, body.dark-mode .heading-page p img { -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); } body.dark-mode .bg-white { background: transparent !important; } body.dark-mode .search-card { background-color: #241f19 !important; } body.dark-mode .error_custom_content img { -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(2420%) hue-rotate(174deg) brightness(82%) contrast(87%); } body.light-mode .menu { -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } body.light-mode .menu .nav:not(.nav-mobile) .nav-item .nav-link { -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } @media screen and (max-width: 991px) { .cTitleBasicPage { word-wrap: break-word; } } @media screen and (max-width: 991px) { .cBodyBasicPage h1 { word-wrap: break-word; } } .cBodyBasicPage h2 { font-weight: bold; font-size: 26px; color: #072066; padding-top: 10px; } .cBodyBasicPage h3 { font-weight: bold; font-size: 22px; color: #072066; padding-top: 10px; } .cBodyBasicPage a { color: #072066; text-decoration: underline; } .cBodyBasicPage a:hover, .cBodyBasicPage a:focus { color: #072066; text-decoration: none; } #videoRecipe { scroll-margin-top: 200px; } .contactPage h5 { color: #072066; font-weight: 600; } .contactPage label { display: block; font-size: 18px; color: #418628; } .contactPage label.error { display: none !important; } .contactPage .form-item--error-message .error { color: red; } .contactPage input, .contactPage select, .contactPage textarea { width: 100%; border: 1px solid #418628; border-radius: 5px; } .contactPage input[type="text"] { padding: 5px 10px; } .contactPage select { padding: 7px 10px; } .contactPage input[type="submit"] { background-color: #418628; color: white; padding: 8px; font-size: 1.3rem; } .contactPage .wrapper-input-file input[type="submit"] { background-color: #418628; color: white; padding: 0px !important; font-size: 1rem !important; width: 30% !important; margin-top: 10px; } .contactPage .wrapper-input-file .form-managed-file .js-form-type-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; margin: 7px 5px; } @media screen and (max-width: 768px) { .contactPage .wrapper-input-file .form-managed-file .js-form-type-checkbox { margin: 4px 5px; } } .contactPage .wrapper-input-file .form-managed-file .js-form-type-checkbox .form-checkbox { width: auto; margin-right: 10px; } .contactPage .wrapper-input-file .form-managed-file .js-form-type-checkbox label { color: black; margin-bottom: 0px; } @media screen and (max-width: 768px) { .contactPage .wrapper-input-file .form-managed-file .js-form-type-checkbox label { font-size: 14px; } } .contactPage .form-item-privacy-notice { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-column-gap: .5rem; column-gap: .5rem; } .contactPage .form-item-privacy-notice input { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .contactPage .form-item-privacy-notice .description { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .contactPage .form-item-privacy-notice strong.form-item--error-message { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; margin-top: 0.5rem; } .contactPage .form-item-privacy-notice .form-item--error-message { position: absolute; bottom: -24px; } .contactPage .form-item-privacy-notice .visually-hidden { position: relative !important; overflow: auto !important; width: auto !important; height: auto !important; } .contactPage #edit-privacy-notice--description p a { color: #072066; text-decoration: underline; } .contactPage #edit-privacy-notice--description p a:hover { text-decoration: none; } .contactPage .captcha .captcha__title { display: none; } @media screen and (max-width: 768px) { .webform-confirmation-modal { width: auto !important; } } .webform-confirmation-modal .ui-widget-header { background-color: #418628; } .webform-confirmation-modal .ui-widget-header .ui-dialog-title { color: white; } .webform-confirmation-modal .ui-dialog-titlebar-close { position: relative; right: -40px; background-color: transparent; border: none; } @media screen and (max-width: 768px) { .webform-confirmation-modal .ui-dialog-titlebar-close { right: 0; } } .webform-confirmation-modal .ui-dialog-titlebar-close::after { content: 'x'; position: absolute; top: -4px; left: 4px; font-size: 23px; color: white; } .article-thumbnail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; width: 100%; overflow: hidden; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .article-thumbnail.hover { color: white; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; text-decoration: none; } .article-thumbnail, .article-thumbnail-image, .article-thumbnail-image::after, .article-thumbnail-title, .article-thumbnail-body, .article-thumbnail-footer, .article-thumbnail-border { -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1); -o-transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1); transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1); } .article-thumbnail-head { position: relative; padding-top: 70%; } .article-thumbnail-title { position: absolute; left: 0; bottom: 0; color: white; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; text-shadow: 2px 2px 4px #000444; } .article-thumbnail.hover .article-thumbnail-title { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; text-shadow: none; } .article-thumbnail-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .article-thumbnail-image::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } @media (max-width: 768px) { .article-thumbnail-image::after { opacity: 0.4; background: black; } } .article-thumbnail.hover .article-thumbnail-image { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .article-thumbnail.hover .article-thumbnail-image::after { opacity: 1; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; background: -webkit-linear-gradient(60deg, rgba(31, 62, 144, 0.85), rgba(31, 62, 144, 0.5)); background: -o-linear-gradient(60deg, rgba(31, 62, 144, 0.85), rgba(31, 62, 144, 0.5)); background: linear-gradient(30deg, rgba(31, 62, 144, 0.85), rgba(31, 62, 144, 0.5)); } .article-thumbnail-body { position: relative; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background-color: white; color: #1f3e90; } .article-thumbnail-body .quote-sign { display: inline-block; width: 25px; height: 20px; margin-right: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 28px; color: #757575; } .article-thumbnail-body .quote-line .quote-ab { font-style: italic; } .article-thumbnail.hover .article-thumbnail-body { color: white; background: none; } .article-thumbnail.hover .article-thumbnail-body .quote-line .quote-sign i, .article-thumbnail.hover .article-thumbnail-body .quote-line .quote-ab { color: white !important; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .article-thumbnail-text { line-height: 1.5; margin: 0; opacity: .8; } .article-thumbnail-footer { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .article-thumbnail.hover .article-thumbnail-footer { opacity: 1; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .fieldset-wrapper .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* Centra las opciones */ border-bottom: 1px solid #dedede; /* La línea gris inferior de todo el contenedor */ width: 100%; padding-bottom: 0; margin-bottom: 20px; } .fieldset-wrapper .form-radios .js-form-item { margin: 0 10px; /* Separación entre tabs */ text-align: center; position: relative; list-style: none; /* Por si acaso hereda estilos de lista */ } .fieldset-wrapper .form-radios input[type="radio"].form-radio { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .fieldset-wrapper .form-radios label.option { display: block; text-transform: uppercase; color: #757575; font-weight: 400; cursor: pointer; padding: 10px 5px; /* Espaciado interno */ margin-bottom: 0; /* Reset de margenes de formulario */ border-bottom: 4px solid transparent; /* Reserva espacio para el borde activo */ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .fieldset-wrapper .form-radios input[type="radio"]:checked + label.option { color: #1f3e90; font-weight: 700; border-bottom: 4px solid #1f3e90; /* La línea azul gruesa */ } .fieldset-wrapper .form-radios label.option::before { background: #dedede !important; content: ""; height: 4px; width: 0px; position: absolute; bottom: -4px; /* Posicionarlo justo sobre la línea del contenedor */ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; } .fieldset-wrapper .form-radios label.option:hover::before { width: 100%; } fieldset legend { display: none; } .wrapper_homepage { max-width: 1900px; margin: auto; } .customContentPage h1, .customContentPage h2, .customContentPage h3, .customContentPage h4, .customContentPage h5, .customContentPage h6 { color: #072066; } .customContentPage a { color: #072066; text-decoration: underline; } .customContentPage a:hover, .customContentPage a:focus { color: #072066; text-decoration: none; } .customContentPage p, .customContentPage ul { font-size: 18px; color: #072066; margin-bottom: 0px; } @media screen and (max-width: 991px) { .customContentPage p, .customContentPage ul { font-size: 16px; } } .customContentPage p li, .customContentPage ul li { margin-bottom: 15px; } .customContentPage small { color: #072066; } .customContentPage sub { bottom: -0.5rem; } .ContentPageGlossary ul li { margin-bottom: 8px !important; } .ContentPageGlossary .ContentGlossary .cardGlossary { border: 4px solid #418628; border-radius: 0px; min-height: 110px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; margin-bottom: 15px; } .ContentPageGlossary .ContentGlossary .cardGlossary a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; font-size: 20px; width: 100%; min-height: 110px; scroll-margin-top: 80px; color: #072066; text-align: center; cursor: pointer; font-weight: 600; } @media screen and (max-width: 768px) { .ContentPageGlossary .ContentGlossary .cardGlossary a { font-size: 16px; padding: 5px; } } .ContentPageGlossary .ContentGlossary .cardGlossary:hover { background-color: #418628; } .ContentPageGlossary .ContentGlossary .cardGlossary:hover a { color: white; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-blue-sky { border-color: #7dbaec; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-blue-sky:hover { background-color: #7dbaec; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-orange { border-color: #f89c40; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-orange:hover { background-color: #f89c40; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-pink { border-color: #f3bcca; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-pink:hover { background-color: #f3bcca; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-green { border-color: #aad670; } .ContentPageGlossary .ContentGlossary .cardGlossary.border-green:hover { background-color: #aad670; } #ModalGlossary .modal-lg { max-width: 600px; } #ModalGlossary .modal-lg .modal-header { border-bottom: none; } #ModalGlossary .modal-lg .modal-header .close { opacity: 1; } #ModalGlossary .modal-lg .modal-header .close span { color: #418628; font-size: 25px; } #ModalGlossary .modal-lg .modal-content { background: white; border: 3px solid #418628; } #ModalGlossary .modal-lg .modal-content.blue-sky { border-color: #7dbaec; } #ModalGlossary .modal-lg .modal-content.blue-sky .close span { color: #7dbaec; } #ModalGlossary .modal-lg .modal-content.orange { border-color: #f89c40; } #ModalGlossary .modal-lg .modal-content.orange .close span { color: #f89c40; } #ModalGlossary .modal-lg .modal-content.pink { border-color: #f3bcca; } #ModalGlossary .modal-lg .modal-content.pink .close span { color: #f3bcca; } #ModalGlossary .modal-lg .modal-content.green { border-color: #aad670; } #ModalGlossary .modal-lg .modal-content.green .close span { color: #aad670; } #ModalGlossary .modal-lg .modal-content .contentModalGlossary { padding: 0px 30px 30px 30px; } #ModalGlossary .modal-lg .modal-content .contentModalGlossary p { color: #072066; font-size: 25px; } #ModalGlossary2 .modal-lg { max-width: 600px; } #ModalGlossary2 .modal-lg .modal-header { border-bottom: none; } #ModalGlossary2 .modal-lg .modal-header .close { opacity: 1; } #ModalGlossary2 .modal-lg .modal-header .close span { color: #418628; font-size: 25px; } #ModalGlossary2 .modal-lg .modal-content { background: white; border: 3px solid #418628; } #ModalGlossary2 .modal-lg .modal-content .contentModalGlossary { padding: 0px 30px 30px 30px; } #ModalGlossary2 .modal-lg .modal-content .contentModalGlossary p { color: #072066; font-size: 25px; font-weight: 600; } .secction-sources p { color: gray !important; } .secction-sources strong { color: gray !important; } .secction-sources ul li { color: gray; } .secction-sources small { color: gray !important; } .seccion-familles { max-width: 1450px; margin: auto; } .seccion-familles .bg-orange { background-color: #fee5d1; position: relative; } .seccion-familles .bg-orange .icon-1 { position: absolute; top: 17px; right: 29px; width: 20%; } @media (max-width: 768px) { .seccion-familles .bg-orange .icon-1 { top: 3px; right: -12px; } } .seccion-familles .bg-orange .icon-2 { position: absolute; top: 70px; left: 53px; width: 20%; } .seccion-familles .bg-orange .icon-3 { position: absolute; bottom: 60px; right: 63px; } @media (max-width: 768px) { .seccion-familles .bg-orange .icon-3 { bottom: 15px; right: 26px; width: 17%; } } .seccion-familles .bg-orange .btn-template-1, .seccion-familles .bg-orange .cLoginCMS input[type=submit], .cLoginCMS .seccion-familles .bg-orange input[type=submit] { text-transform: uppercase; border-radius: 7px !important; } .seccion-familles .bg-blue { background-color: #dfebf3; position: relative; } .seccion-familles .bg-blue .icon-1 { position: absolute; top: 17px; right: 29px; width: 20%; } @media (max-width: 768px) { .seccion-familles .bg-blue .icon-1 { top: 3px; right: -12px; } } .seccion-familles .bg-blue .icon-2 { position: absolute; top: 70px; left: 53px; width: 20%; } .seccion-familles .bg-blue .icon-3 { position: absolute; bottom: 60px; right: 63px; } @media (max-width: 768px) { .seccion-familles .bg-blue .icon-3 { bottom: 15px; right: 26px; width: 17%; } } .seccion-familles .bg-blue .btn-template-1, .seccion-familles .bg-blue .cLoginCMS input[type=submit], .cLoginCMS .seccion-familles .bg-blue input[type=submit] { text-transform: uppercase; border-radius: 7px !important; } .seccion-familles .img-familles { height: 600px; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .seccion-familles .img-familles { height: auto; } } .seccion-familles p { color: #072066; font-size: 18px; }