/** * FOOTER **/ /** * HEADER **/ nav { width: 100%; } nav .new-header { top: 0; transition: top 0.3s; z-index: 999; font-family: "Ubuntu", sans-serif; } nav .new-header__change-link-color::after { display: contents; } nav .new-header__mobile-arrow { display: none; } nav .new-header__dropdown-items-menu { background-color: unset; border: unset; padding-top: 13px; position: fixed !important; top: 60px; max-width: 1440px; left: 50%; transform: translateX(-50%); width: 100%; cursor: default; } nav .new-header__dropdown-items-menu .menu-items-nav { flex-direction: row; background-color: #fff; margin: auto; padding: 40px 88px; } nav .new-header__dropdown-items-menu .menu-items-nav.advice-and-care { height: 296px; } nav .new-header__dropdown-items-menu .menu-items-nav.products { height: fit-content; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima, nav .new-header__dropdown-items-menu .menu-items-nav.my-account, nav .new-header__dropdown-items-menu .menu-items-nav.resources { height: 358px; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .links-about, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .links-about, nav .new-header__dropdown-items-menu .menu-items-nav.resources .links-about { color: #464039; font-size: 14px; font-weight: 400; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .links-about p, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .links-about p, nav .new-header__dropdown-items-menu .menu-items-nav.resources .links-about p { height: 40px; display: flex; align-items: center; margin: 0; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .links-about p:hover, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .links-about p:hover, nav .new-header__dropdown-items-menu .menu-items-nav.resources .links-about p:hover { background-color: #F8F7F7; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources { color: #fff; border-radius: 8px; padding: 40px; max-height: 278px; font-weight: 500; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about .content-asset, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources .content-asset, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about .content-asset, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources .content-asset, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about .content-asset, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources .content-asset { white-space: normal; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about__link, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources__link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about__link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources__link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about__link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources__link { padding: 12px 16px; max-width: fit-content; font-size: 14px; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown { background-color: #936031; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:link, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:link { color: #936031; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-brown a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-brown a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-brown a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-brown a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-brown a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-brown a:link svg path { fill: #936031; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green { background-color: #4A773C; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:link, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:link, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:visited, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:hover, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:link { color: #4A773C; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-about.color-green a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link-resources.color-green a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-about.color-green a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.my-account .card-link-resources.color-green a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-about.color-green a:link svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:visited svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:hover svg path, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link-resources.color-green a:link svg path { fill: #4A773C; } nav .new-header__dropdown-items-menu .menu-items-nav.my-account .links-about svg { margin-bottom: 3px; } nav .new-header__dropdown-items-menu .title-category { padding-bottom: 16px; font-size: 14px; color: #7E7367; } nav .new-header .color-brown { background-color: #936031; } nav .new-header .color-brown a, nav .new-header .color-brown a:visited, nav .new-header .color-brown a:hover, nav .new-header .color-brown a:link { color: #936031; } nav .new-header .color-brown a svg path, nav .new-header .color-brown a:visited svg path, nav .new-header .color-brown a:hover svg path, nav .new-header .color-brown a:link svg path { fill: #936031; } nav .new-header .color-green { background-color: #4A773C; } nav .new-header .color-green a, nav .new-header .color-green a:visited, nav .new-header .color-green a:hover, nav .new-header .color-green a:link { color: #4A773C; } nav .new-header .color-green a svg path, nav .new-header .color-green a:visited svg path, nav .new-header .color-green a:hover svg path, nav .new-header .color-green a:link svg path { fill: #4A773C; } nav .new-header .new-header-dropdown:hover { margin: 0; } nav .new-header.navbar { background-color: transparent; box-shadow: none; } nav .new-header.navbar li:hover .dropdown-menu { display: block; } nav .new-header__change-link-color { font-size: 14px; font-style: normal; font-weight: 500; line-height: 136%; } nav .new-header__change-link-color.changeColorWhite { color: #fff; } nav .new-header__change-link-color.changeColorBlack { color: #7E7367; } nav .new-header__container-header { padding: 0 88px; height: 76px; max-width: 1440px; margin: 0 auto; } nav .new-header__container-header.bg-nav-not-video { background-color: #F8F7F7; } nav .new-header__container-header.bg-nav-not-video .bg-nav-video-buttons { background-color: #fff; } nav .new-header__container-header.bg-nav-not-video .bg-nav-video-buttons li:hover a { color: #464039; } nav .new-header__container-header.bg-nav-not-video .bg-nav-video-buttons li:hover a.mobile { color: #7E7367; } nav .new-header__container-header.bg-nav-video { transition: all 500ms; background: transparent; } nav .new-header__nav-buttons-options { height: 44px; } nav .new-header .logo-ultima { width: 86px; } nav .new-header__nav-buttons .icon-margin { margin-top: -3px; } nav .new-header__nav-buttons .new-header__icon-name { font-size: 14px; font-weight: 600; line-height: normal; border-radius: 100px; height: 24px; width: 24px; } nav .new-header__nav-buttons .bg-nav-video-buttons { border-radius: 100px; transition: all 500ms; background: #D8D4CF66; } nav .new-header__nav-buttons .bg-nav-video-buttons li { color: #fff; cursor: pointer; } nav .new-header__nav-buttons .bg-nav-video-buttons li:hover { background-color: #F8F7F7; } nav .new-header__nav-buttons .bg-nav-not-video-buttons { border-radius: 100px; background-color: #fff; } nav .new-header__nav-buttons .bg-nav-not-video-buttons li:hover { background-color: #F8F7F7; } nav .new-header__nav-buttons .bg-nav-not-video-buttons li:hover a { color: #464039; } nav .new-header__nav-buttons .menu-show { display: flex; gap: 8px; align-items: center; } nav .new-header__nav-buttons .menu-show .store-label { color: #7E7367; font-family: "Ubuntu", sans-serif; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.12px; text-transform: uppercase; } nav .new-header__nav-buttons li { padding: 12px 16px; border-radius: 100px; } nav .new-header__nav-buttons li.nav-item--logged { padding: 10px; } nav .new-header__nav-buttons .button-articles { border-radius: 100px 0 0 100px; } nav .new-header__nav-buttons .button-login { display: none; } nav .new-header__nav-buttons .button-store img { width: 16px; height: 16px; } nav .new-header .menu-dropdown { height: 296px; background-color: #fff; } nav .new-header .advice-and-care .subcategory-image { border-radius: 50%; } nav .new-header__subcategories-menu { margin-right: 8px; height: 100%; } nav .new-header__subcategories-menu.NH-dog .dropdown-subcategories { background-color: #FBF7F4; } nav .new-header__subcategories-menu.NH-dog .dropdown-subcategories:hover { background-color: #E9D3BE; } nav .new-header__subcategories-menu.NH-dog .dropdown-subcategories .subcategory-image { background-color: #936031; } nav .new-header__subcategories-menu.NH-cat .dropdown-subcategories { background-color: #F6FAF5; } nav .new-header__subcategories-menu.NH-cat .dropdown-subcategories:hover { background-color: #CCE2C5; } nav .new-header__subcategories-menu.NH-cat .dropdown-subcategories .subcategory-image { background-color: #4A773C; } nav .new-header__subcategories-menu.NH-all .dropdown-subcategories { background-color: #F8F7F7; } nav .new-header__subcategories-menu.NH-all .dropdown-subcategories:hover { background-color: #D8D4CF; } nav .new-header__subcategories-menu.NH-all .dropdown-subcategories .subcategory-image { background-color: #7E7367; } nav .new-header__subcategories-menu .subcategories-products { height: 100%; max-height: 112px; padding: 0 8px 8px 0; } nav .new-header__subcategories-menu .dropdown-subcategories { max-width: 416px; max-height: 104px; padding: 12px; border-radius: 8px; margin-bottom: 8px; color: #464039; font-size: 16px; font-weight: 500; height: 100%; } nav .new-header__subcategories-menu .dropdown-subcategories.dog-food, nav .new-header__subcategories-menu .dropdown-subcategories.puppy-food, nav .new-header__subcategories-menu .dropdown-subcategories.small-dog-food { background-color: #FBF7F4; } @media (min-width: 992px) { nav .new-header__subcategories-menu .dropdown-subcategories.dog-food:hover, nav .new-header__subcategories-menu .dropdown-subcategories.puppy-food:hover, nav .new-header__subcategories-menu .dropdown-subcategories.small-dog-food:hover { background-color: #E9D3BE; } } nav .new-header__subcategories-menu .dropdown-subcategories.cat-food, nav .new-header__subcategories-menu .dropdown-subcategories.kitten-food, nav .new-header__subcategories-menu .dropdown-subcategories.sterilized-cat-food { background-color: #F6FAF5; } @media (min-width: 992px) { nav .new-header__subcategories-menu .dropdown-subcategories.cat-food:hover, nav .new-header__subcategories-menu .dropdown-subcategories.kitten-food:hover, nav .new-header__subcategories-menu .dropdown-subcategories.sterilized-cat-food:hover { background-color: #CCE2C5; } } nav .new-header__subcategories-menu .dropdown-subcategories.product-range { background-color: #F8F7F7; } @media (min-width: 992px) { nav .new-header__subcategories-menu .dropdown-subcategories.product-range:hover { background-color: #D8D4CF; } } nav .new-header__subcategories-menu .dropdown-subcategories .subcategory-image { width: 80px; height: 80px; } nav .new-header__subcategories-menu .dropdown-subcategories .category-name { margin-left: 16px; white-space: initial; } nav .new-header__subcategories-menu .see-all { margin-top: 24px; color: #7E7367; font-size: 14px; } nav .new-header__subcategories-menu .see-all img { margin-left: 10px; } @media (min-width: 991px) { .new-header .d-lg-none { display: none !important; } .new-header .subcategories-desktop { height: 100%; } } @media (max-width: 991px) { nav .new-header__container-header { padding: 0 24px; } nav .new-header__container-header.bg-nav-not-video .new-header__nav-buttons { background-color: #fff; } nav .new-header .menuToggle__menu-mobile { border-radius: 50%; width: 44px; height: 44px; } nav .new-header .menuToggle__menu-mobile[aria-expanded="true"] { z-index: 9999; background: unset; } nav .new-header .logo-ultima { position: absolute; left: 50%; transform: translateX(-50%); z-index: 9999; } nav .new-header__mobile-arrow { display: block; position: absolute; right: 8px; bottom: 20px; } nav .new-header__icon-mobile { background: rgba(216, 212, 207, 0.4); } nav .new-header__icon-mobile.enableHeader { background: #fff; } nav .new-header__icon-mobile-white { background: #fff; } nav .new-header .product-range-mobile { margin-top: 26px; } nav .new-header .title-category { font-weight: 500; width: 100%; display: flex; align-items: center; justify-content: space-between; } nav .new-header__nav-buttons { background-color: #D8D4CF66; border-radius: 50px; } nav .new-header__nav-buttons .account-menu { padding: 16px; } nav .new-header__nav-buttons .account-menu.logged { margin: 10px; } nav .new-header__nav-buttons .new-header__icons-store { padding: 16px; } nav .new-header__nav-buttons .menu-show { padding: unset; } nav .new-header__nav-buttons li { color: black !important; font-weight: 400; } nav .new-header__nav-buttons li.menu-locator { font-weight: 500; } nav .new-header__nav-buttons li.menu-locator a { color: #464039; } nav .new-header__nav-buttons li:hover { border-radius: unset; border-bottom: unset; } nav .new-header__nav-buttons .btn-back-menu-mobile { padding: unset; margin-right: 16px; } nav .new-header__nav-buttons .card-menu-mobile { color: #fff; border-radius: 8px; padding: 24px; max-height: 266px; font-size: 14px; margin: 24px; font-weight: 500; } nav .new-header__nav-buttons .card-menu-mobile .title { font-size: 28px; } nav .new-header__nav-buttons .card-menu-mobile.color-brown { background-color: #936031; } nav .new-header__nav-buttons .card-menu-mobile.color-brown a { color: #936031; } nav .new-header__nav-buttons .card-menu-mobile.color-green { background-color: #4A773C; } nav .new-header__nav-buttons .card-menu-mobile.color-green a { color: #4A773C; } nav .new-header__nav-buttons .card-menu-mobile a { background-color: white; border-radius: 100px; } nav .new-header__nav-buttons button { background-color: #fff; border-radius: 100px; } nav .new-header__dropdown-items-menu.probandoHover { display: none; } nav .new-header__dropdown-items-menu .menu-items-nav { flex-direction: column; padding: 24px; } nav .new-header__dropdown-items-menu .menu-items-nav.advice-and-care { height: 100vh; } nav .new-header__dropdown-items-menu .menu-items-nav.products { height: 100%; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima, nav .new-header__dropdown-items-menu .menu-items-nav.resources { height: calc(100vh - 76px); } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .about-menu-mobile, nav .new-header__dropdown-items-menu .menu-items-nav.resources .about-menu-mobile { align-content: space-between; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .card-link, nav .new-header__dropdown-items-menu .menu-items-nav.resources .card-link { max-height: unset; padding: 24px; } nav .new-header__dropdown-items-menu .menu-items-nav.about-ultima .links-about, nav .new-header__dropdown-items-menu .menu-items-nav.resources .links-about { padding: unset; } nav .new-header__subcategories-menu { height: auto; flex-direction: column; } nav .new-header__subcategories-menu .dropdown-subcategories { height: 88px; max-width: unset; } nav .new-header__subcategories-menu .dropdown-subcategories .subcategory-image { height: 64px; width: 64px; } nav .new-header .dropdown-mobile-link { color: black; } nav .new-header .dropdown-mobile-link.menu-locator { font-size: 16px; color: #464039; } nav .new-header .dropdown-mobile-link .nav-link { font-size: 16px; color: #464039; } nav .new-header .navbar-collapse { top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: none; } nav .new-header .navbar-collapse.show { padding-top: 76px; display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options { border-radius: unset; background: unset; padding: 0 24px 24px 24px; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options .mobile-search { padding-bottom: 24px; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options .mobile-search .search_form { border-radius: 8px; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options .mobile-search .search_form .search-box { left: 27px; top: 18px; right: unet; color: #7E7367; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options .mobile-search .search_form .search-box::before { font-size: 17px; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options .mobile-search .search_form input { border-bottom: unset; left: 60px; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options li { background-color: unset; border-bottom: 1px solid #EDEBE9; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options li .changeColorWhite { color: #464039; } nav .new-header .navbar-collapse.show .new-header__nav-buttons-options li .new-header__dropdown-items-menu { height: calc(100% - 76px); overflow: auto; background-color: #fff; } nav .new-header__my-profile { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; } nav .new-header__my-profile .close-my-account { width: 44px; } nav .new-header__my-profile .links p { padding: 10px 16px; margin: 0; font-family: "Ubuntu", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #464039; } } body.noscroll { overflow: hidden; } /** * FOOTER **/ /** * HEADER **/ .new-header__nav-button-search { margin-top: 76px; z-index: 998; background-color: #fff; top: 0; -webkit-top: 0; } .new-header__nav-button-search .icon-zoom { padding: 12px; } .new-header__nav-button-search .icon-zoom::before { color: #7E7367; } .new-header__search { padding: 8px 24px; } @media (min-width: 991px) { .new-header__search { padding: 8px 88px; } } .new-header__search .search-mx-width { max-width: 1240px; } .new-header__mobile-search { margin-left: unset !important; margin-top: -76px !important; height: 100vh; max-width: 100%; } @media (min-width: 991px) { .new-header__mobile-search { margin-top: 58px !important; background-color: unset !important; } } .new-header__mobile-search .suggestions-wrapper { top: 0px; height: 100vh; } @media (min-width: 991px) { .new-header__mobile-search .suggestions-wrapper { max-height: 492px; } } .new-header__mobile-search .suggestions-wrapper .suggestions { max-height: 90vh; border: unset; box-shadow: none; overflow-x: hidden; } @media (min-width: 991px) { .new-header__mobile-search .suggestions-wrapper .suggestions { max-height: 492px; } } .new-header__mobile-search .suggestions-wrapper .suggestions .header { border: unset; font-family: "Ubuntu", sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.14px; color: #7E7367; } .new-header__mobile-search .suggestions-wrapper .suggestions .header .suggestions-content, .new-header__mobile-search .suggestions-wrapper .suggestions .header .suggestions-products-title { color: #7E7367; text-transform: uppercase; font-size: 14px; } .new-header__mobile-search .suggestions-wrapper .suggestions .link-all-articles { color: #7E7367; } .new-header__mobile-search .suggestions-wrapper .suggestions .items.suggestions-products .item { background-color: #F8F7F7; padding: 12px; border-radius: 8px; } .new-header__mobile-search .suggestions-wrapper .suggestions .items.suggestions-products .item:hover { background-color: #F8F7F7; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item { max-width: 100%; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item:hover { background: unset; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item.categories { height: 40px; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item.categories .name a { font-weight: 400; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .article-image img { border-radius: 8px; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .image-product { width: 64px; height: 64px; min-width: 64px; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .image-product img { max-width: 64px; max-height: 64px; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .information { position: relative; flex-wrap: wrap; font-size: 14px; font-family: "Ubuntu", sans-serif; font-weight: 500; color: #464039; font-style: normal; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .information .name { position: relative; white-space: pre-wrap; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .information .description { font-size: 12px; font-weight: 400; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .name a { font-family: "Ubuntu", sans-serif; color: #464039; font-size: 14px; font-style: normal; font-weight: 500; } .new-header__mobile-search .suggestions-wrapper .suggestions .items .item .name a p { color: #464039; font-weight: 400; } .new-header__form { height: 101vh; position: relative; top: 0; } @media (min-width: 991px) { .new-header__form { max-width: 485px; max-height: 492px; border-radius: 8px; top: -76px; position: absolute; } } .new-header__form .search_input { position: unset; font-family: "Ubuntu", sans-serif; font-size: 14px; color: #464039; padding-left: 8px; border-bottom: unset; } .new-header__search-input { border: 1px solid #D8D4CF; border-radius: 8px; } .new-header__search-input svg:hover { cursor: pointer; } .new-header__content-search-suggestion { font-family: "Ubuntu", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; z-index: 6; border-radius: 8px; } .new-header__content-search-suggestion a { color: #464039; text-decoration: none; } .new-header__content-search-suggestion .filters-suggestions span { margin-right: 8px; } .new-header__content-not-found { font-family: "Ubuntu", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; z-index: 6; border-radius: 8px; text-align: center !important; } .new-header__content-not-found .init-not-found .title { color: #464039; font-size: 22px; } .new-header__content-not-found .init-not-found .subtitle { color: #7E7367; } .new-header-card__topline { font-size: 0.875rem; } .new-header-card__title { margin-bottom: 0.5rem; color: inherit; font-family: inherit; font-size: 2rem; line-height: 1.2; } .new-header-card__desc { font-size: 1rem; } body.ultima .page-wrapper.newHeader { margin: 0px auto 0 !important; } body.ultima .page-wrapper.newHeader.enableBgHeader { margin: 134px auto 0 !important; } body.ultima .page-wrapper.newHeader.enableBgHeader.donationsBar { margin: 207px auto 0 !important; } @media (min-width: 1024px) { body.ultima .page-wrapper.newHeader.enableBgHeader.donationsBar { margin: 185px auto 0 !important; } } .ULT_Article .search-articles img { object-fit: cover; } /** * FOOTER **/ /** * HEADER **/ nav .new-header { flex-wrap: wrap; } nav .ultima-header-banner { display: none !important; flex-shrink: 0; width: 100%; background-color: #936031; color: #fff; } nav .ultima-header-banner.has-content { display: flex !important; } nav .ultima-header-banner .content { width: 100%; height: max-content; flex-shrink: 0; padding: 8px 16px; text-align: center; text-transform: uppercase; } nav .ultima-header-banner .content, nav .ultima-header-banner .content p, nav .ultima-header-banner .content a, nav .ultima-header-banner .content span { color: inherit; font-family: "ubuntumedium"; font-size: 12px; font-weight: 500; line-height: 14px; letter-spacing: 0.12px; } nav .ultima-header-banner .content p { margin: 0; } nav .new-header__nav-button-search { margin-top: calc(76px + var(--ultima-header-banner-height, 0px)); } nav .new-header__nav-button-search > .chips-menu-wrapper { display: none; } nav .new-header__dropdown-items-menu { top: calc(60px + var(--ultima-header-banner-height, 0px)); } @media (min-width: 1024px) { body.ultima .page-wrapper.newHeader.enableBgHeader { margin-top: calc(76px + var(--ultima-header-banner-height, 0px)) !important; } body.ultima .page-wrapper.newHeader.enableBgHeader.donationsBar { margin-top: calc(127px + var(--ultima-header-banner-height, 0px)) !important; } nav .donations-bar { margin-top: calc(76px + var(--ultima-header-banner-height, 0px)); } nav .new-header__container-header { gap: 40px; padding: 0 24px; } nav .new-header .logo-ultima { flex-shrink: 0; width: 69px; height: 40px; align-items: center; } nav .new-header .logo-ultima img { width: 65px; height: auto; } nav .new-header .logo-ultima a { display: flex; align-items: center; } nav .new-header__nav-buttons { flex: 1; min-width: 0; gap: 40px; } nav .new-header__nav-buttons > .navbar-collapse { flex: 0 0 auto; } nav .new-header__nav-buttons-options { width: auto !important; margin: 0; flex-shrink: 0; flex-wrap: nowrap; white-space: nowrap; } nav .new-header__nav-buttons-options > li { padding: 12px; } nav .new-header__nav-buttons-options > li:hover { border-radius: 0; } nav .new-header__nav-buttons-options > li:first-child { padding-left: 16px; } nav .new-header__nav-buttons-options > li:last-child { padding-right: 20px; } nav .new-header__nav-buttons-options > li:nth-last-child(2) { padding-right: 20px; } nav .new-header__nav-right { flex: 1; min-width: 0; gap: 24px; } nav .new-header__search-slot { flex: 1; min-width: 120px; } nav .new-header__desktop-store { display: flex; flex-shrink: 0; align-items: center; gap: 4px; height: 44px; padding: 0 16px; border-radius: 1000px; background-color: #fff; color: #7E7367; font-family: "ubuntumedium"; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0.12px; text-transform: uppercase; white-space: nowrap; text-decoration: none; } nav .new-header__desktop-store:visited, nav .new-header__desktop-store:hover, nav .new-header__desktop-store:focus, nav .new-header__desktop-store:active { color: #7E7367; } nav .new-header__change-link-color { font-family: "ubuntumedium"; line-height: 20px; } nav .new-header__change-link-color > span, nav .new-header__desktop-store > span { font-family: inherit; font-size: inherit; } nav .new-header__nav-button-search { visibility: hidden; } nav .new-header__search-slot .new-header__nav-button-search { position: relative !important; width: 100% !important; margin: 0; visibility: visible; background: transparent; } nav .new-header__search-slot .new-header__nav-button-search .new-header__search { display: none !important; } nav .new-header__search-slot .new-header__nav-button-search .new-header__mobile-search { display: block !important; position: static; height: 44px; margin: 0 !important; background: transparent !important; } nav .new-header__search-slot .new-header__nav-button-search .search_form { width: 100%; margin: 0; } nav .new-header__search-slot .new-header__nav-button-search .new-header__form { position: relative; top: auto; height: 44px; max-width: none; max-height: none; border-radius: 1000px; } nav .new-header__search-slot .new-header__nav-button-search .new-header__search-input { height: 44px; margin: 0 !important; padding: 0 16px !important; border: 0; border-radius: 1000px; gap: 16px; } nav .new-header__search-slot .new-header__nav-button-search .new-header__search-input .search_input { flex: 1; min-width: 0; width: 100%; height: 44px; margin: 0 !important; padding: 0 !important; border: 0; background: transparent; color: #7E7367; font-size: 12px; line-height: 18px; } nav .new-header__search-slot .new-header__nav-button-search .new-header__search-input .search_input::placeholder { color: #7E7367; } nav .new-header__search-slot .new-header__nav-button-search .new-header__close-search, nav .new-header__search-slot .new-header__nav-button-search .new-header__delete-search, nav .new-header__search-slot .new-header__nav-button-search .new-header__content-search-suggestion { display: none !important; } nav .new-header__search-slot .new-header__nav-button-search .new-header__submit-search { flex-shrink: 0; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; cursor: pointer; } nav .new-header__search-slot .new-header__nav-button-search .suggestions-wrapper, nav .new-header__search-slot .new-header__nav-button-search .new-header__content-not-found { position: absolute !important; top: calc(100% + 8px); right: 0; left: auto; width: 485px !important; max-width: calc(100vw - 48px); height: auto !important; max-height: calc(100vh - 100px); overflow-y: auto; border-radius: 8px; background-color: #fff; box-shadow: 0 6px 16px rgba(51, 38, 37, 0.16); } nav .new-header__search-slot .new-header__nav-button-search .suggestions-wrapper { display: none !important; z-index: 3; } nav .new-header__search-slot .new-header__nav-button-search .suggestions-wrapper .suggestions { padding: 24px 0; } nav .new-header__search-slot .new-header__nav-button-search .suggestions-wrapper .suggestions > .container > .items:last-of-type { min-height: 0; padding-bottom: 0 !important; } nav .new-header__search-slot .new-header__nav-button-search .suggestions-wrapper .suggestions > .container > .items:last-of-type > .item:last-child { margin-bottom: 0 !important; } nav .new-header__search-slot .new-header__nav-button-search.is-search-open .suggestions-wrapper { display: block !important; } nav .new-header__search-slot .new-header__nav-button-search:not(.is-search-open) .new-header__content-not-found { display: none !important; } nav .ultima-header-sites { position: relative; flex-shrink: 0; } nav .ultima-header-site-toggle { display: flex; align-items: center; gap: 4px; height: 32px; padding: 0 8px 0 16px; border: 1px solid #7E7367; border-radius: 1000px; background: transparent; color: #7E7367; font-family: "ubuntumedium"; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0.12px; cursor: pointer; } nav .ultima-header-site-toggle:hover, nav .ultima-header-site-toggle:active, nav .ultima-header-site-toggle[aria-expanded="true"] { background-color: #D8D4CF; border-color: #464039; color: #464039; } nav .ultima-header-site-toggle .ultima-header-site-caret-open { display: none; } nav .ultima-header-site-toggle[aria-expanded="true"] .ultima-header-site-caret { display: none; } nav .ultima-header-site-toggle[aria-expanded="true"] .ultima-header-site-caret-open { display: block; } nav .ultima-header-site-list { position: absolute; top: calc(100% + 8px); right: 0; z-index: 1001; width: 152px; max-height: 216px; overflow-y: auto; margin: 0; padding: 8px 0; border-radius: 16px; background-color: #fff; box-shadow: 0 6px 24px rgba(56, 51, 46, 0.08), 0 2px 2px rgba(56, 51, 46, 0.02); list-style: none; font-family: "Ubuntu", sans-serif; } nav .ultima-header-site-list::-webkit-scrollbar { width: 4px; } nav .ultima-header-site-list::-webkit-scrollbar-track { margin: 8px 0; border-radius: 16px; background-color: #F8F7F7; } nav .ultima-header-site-list::-webkit-scrollbar-thumb { border-radius: 16px; background-color: #D8D4CF; } nav .ultima-header-site-list[hidden] { display: none !important; } nav .ultima-header-site-list li, nav .ultima-header-site-list a, nav .ultima-header-site-list .ultima-header-site-current { display: block; margin: 0; padding: 0; color: #7E7367; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; white-space: nowrap; } nav .ultima-header-site-list .ultima-header-site-current, nav .ultima-header-site-list a { padding: 10px 20px 10px 16px; } nav .ultima-header-site-list .ultima-header-site-current { color: #464039; font-family: "ubuntumedium"; font-weight: 500; } nav .ultima-header-site-list a:visited { color: #7E7367; } nav .ultima-header-site-list a:hover, nav .ultima-header-site-list a:focus { background-color: #F8F7F7; } } @media (min-width: 1024px) and (max-width: 1399px) { nav .new-header__container-header, nav .new-header__nav-buttons { gap: 16px; } nav .new-header__nav-right { gap: 16px; } nav .new-header__nav-buttons-options > li { padding-right: 8px; padding-left: 8px; } nav .new-header__change-link-color { font-size: 13px; } } @media (min-width: 1024px) and (max-width: 1199px) { nav .new-header__container-header, nav .new-header__nav-buttons, nav .new-header__nav-right { gap: 12px; } nav .new-header__nav-buttons-options > li { padding-right: 6px; padding-left: 6px; } nav .new-header__desktop-store { padding: 0 12px; } nav .new-header__desktop-store span { display: none; } } @media (max-width: 1023px) { body.ultima .page-wrapper.newHeader.enableBgHeader { margin-top: calc(76px + var(--ultima-header-search-height, 60px) + var(--ultima-header-banner-height, 0px) + var(--ultima-header-chips-height, 0px)) !important; } body.ultima .page-wrapper.newHeader.enableBgHeader.donationsBar { margin-top: calc(149px + var(--ultima-header-search-height, 60px) + var(--ultima-header-banner-height, 0px) + var(--ultima-header-chips-height, 0px)) !important; } body.ultima { overflow-anchor: none; } nav .donations-bar { margin-top: calc(76px + var(--ultima-header-search-height, 60px) + var(--ultima-header-banner-height, 0px) + var(--ultima-header-chips-height, 0px)); } nav .ultima-header-banner, nav .new-header__search, nav .new-header__nav-button-search > .chips-menu-wrapper { overflow: hidden; opacity: 1; visibility: visible; transform: translateY(0); transition: max-height 0.35s ease, padding 0.35s ease, opacity 0.2s ease, transform 0.3s ease, visibility 0s; } nav .ultima-header-banner.is-hidden, nav .new-header__search.is-hidden, nav .new-header__nav-button-search > .chips-menu-wrapper.is-hidden { max-height: 0; opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition-delay: 0s, 0s, 0s, 0s, 0.35s; } nav .ultima-header-banner { max-height: var(--ultima-header-banner-height-expanded, 60px); transition-duration: 0.2s, 0.2s, 0.15s, 0.2s, 0s; } nav .ultima-header-banner.is-hidden { transition-delay: 0s, 0s, 0s, 0s, 0.2s; } nav .new-header .navbar-collapse { top: var(--ultima-header-banner-height, 0); height: calc(100% - var(--ultima-header-banner-height, 0px)) !important; } nav .new-header__mobile-search { margin-top: calc(-76px - var(--ultima-header-banner-height, 0px)) !important; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content { position: absolute; top: var(--ultima-header-search-height, 60px); left: 0; display: block; width: 100%; background-color: #fff; max-height: var(--ultima-header-chips-height-expanded, 64px); } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content.is-hidden { max-height: 0; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .content-asset { width: 100%; min-width: 0; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu { display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; width: 100%; margin: 0; padding: 16px 24px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu::-webkit-scrollbar { display: none; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu a { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 32px; padding: 0 16px; border: 1px solid #7E7367; border-radius: 1000px; background-color: #fff; color: #7E7367; font-family: "Ubuntu", sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; text-decoration: none; white-space: nowrap; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu a:visited { color: #7E7367; } nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu a:hover, nav .new-header__nav-button-search > .chips-menu-wrapper.has-content .chips-menu a:focus { background-color: #D8D4CF; color: #464039; } nav .new-header__nav-buttons .new-header__icons-store { display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border-radius: 1000px; background-color: #fff; } nav .new-header__search { max-height: 60px; padding: 0 24px 16px; background-color: #F8F7F7; } nav .new-header__search.is-hidden { padding-bottom: 0; } nav .new-header__search .new-header__button-search { align-items: center; gap: 16px; width: 100%; height: 44px; padding: 0 16px; border: 0; border-radius: 1000px; background-color: #fff; color: #7E7367; font-family: "Ubuntu", sans-serif; font-size: 12px; line-height: 18px; } nav .new-header__search .new-header__search-placeholder { flex: 1; min-width: 0; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; text-align: left; } body.noscroll .new-header__nav-button-search > .chips-menu-wrapper { visibility: hidden; } } /*# sourceMappingURL=menu-ultima.css.map*/