/* HEADER */ .navbar-brand { --bs-navbar-brand-padding-y: 0; } .search-wrapper .form-control:not(.is-invalid):focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 25%); border-color: var(--bs-secondary); } .primary-nav { backdrop-filter: blur(4px); } header.onTop.overlap .primary-nav { background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); } .background-light .search-input.reset-bg, .search-input { --bs-body-color: white !important; --bs-body-bg: none !important; --bs-border-width: 1px; --bs-border-color: var(--bs-secondary); --bs-border-radius: 99px; --hydra-search-icon-padding-y: 0; } .search-input .hydra-icon { display: flex; } .search-input ::placeholder { color: var(--bs-body-color); opacity: 1; /* Firefox */ } .search-input ::-ms-input-placeholder { /* Edge 12 -18 */ color: var(--bs-body-color); } .hydra-socialNetworkLinks .bg-light { --hydra-color-contrast: var(--bs-primary); --hydra-color-hover: var(--bs-secondary); --hydra-color-hover-contrast: var(--hydra-secondary-hover-contrast-text); } @media (min-width:768px) and (max-width:991.98px) { .primary-nav .d-flex { flex-direction: column-reverse; align-items: flex-end !important; } } header .mobile-nav .navbar-brand, header.onTop.overlap .navbar-brand { filter: brightness(0) invert(1); } header.scrolling .primary-menu .navbar-nav, header:not(.overlap-from-md):not(.overlap).onTop .primary-menu .navbar-nav { --bs-nav-link-color: var(--bs-primary); } header.scrolling .search-input.reset-bg, header:not(.overlap-from-md):not(.overlap).onTop .search-input.reset-bg, header.fixed-top.scrolling.overlap .search-input { --bs-body-color: var(--bs-primary) !important; } @media (min-width:768px) { header.onTop.overlap-from-md .primary-nav { background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); } header.onTop.overlap-from-md .navbar-brand { filter: brightness(0) invert(1); } header:not(.overlap-from-md):not(.overlap).onTop .primary-menu .navbar-nav { --bs-nav-link-color: var(--bs-primary); } header:not(.overlap-from-md):not(.overlap).onTop .search-input.reset-bg, header.fixed-top.scrolling.overlap-from-md .search-input { --bs-body-color: var(--bs-primary) !important; } } .mobile-nav .search-icon { padding: 0; margin: 0; margin-right: 8px; } .mobile-nav .hydra-icon { display: flex; } .mobile-navbar .cqy-socials { justify-content: start; } .mobile-navbar .cqy-socials a { background: var(--bs-primary) !important; color: var(--hydra-primary-contrast-text); margin-top: 8px; } .mobile-navbar .languages-switch .navbar-nav { --bs-nav-link-color: var(--bs-primary); color: var(--bs-primary); } .mobile-navbar hr { margin-top: 16px !important; border-color: var(--bs-gray-500); } /* FOOTER */ footer { --bs-link-color-rgb: var(--bs-secondary-rgb); --bs-link-hover-color-rgb: var(--hydra-secondary-lighter-rgb); } .cqy-footer-newsletter [class*=HorizontalWrapper_item]:first-child { min-width: min(33%, 400px); } /* HEADINGS */ .withTopBanner .headings-wrapper { /* --hydra-headings-texts-v-offset: calc(var(--hydra-navbar-offset) / 2) !important; */ --hydra-headings-texts-v-offset: 70% !important; } /*GRID*/ .hydra-gridCardContent .custom-image[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO88R0AAq0B0WprGW4AAAAASUVORK5CYII="] { content: linear-gradient(170deg, var(--bs-primary) 28%, var(--bs-secondary) 120%); width: 100%; height: 100%; top: 0; left: 0; background: var(--bs-primary); } .cqy-card-grid .card-media, .cqy-card-grid [class*=CardBase_cardImageWrapper] { overflow: hidden; border-bottom-left-radius: var(--bs-card-border-radius) !important; border-bottom-right-radius: var(--bs-card-border-radius) !important; } .cqy-card-grid .card-cta { --cqy-card-cta-arrow-size: 20px; font-size: 0; margin-top: 8px !important; } .cqy-card-grid .card-cta:after { transition: all .3s; position: relative; content: var(--cqy-arrows); width: var(--cqy-card-cta-arrow-size); height: var(--cqy-card-cta-arrow-size); display: block; left: 0; } .cqy-card-grid [class*=Breadcrumbs_breadcrumbs], .cqy-card-grid [class*=CardBase_breadcrumbs] { background: var(--bs-secondary); position: absolute; top: 0; right: 0; color: white; width: 85%; text-overflow: ellipsis; overflow: hidden; padding: 2px 4px; text-transform: initial; white-space: nowrap; } .cqy-card-grid .breadcrumb { --bs-breadcrumb-item-active-color: white !important; margin: 0 !important; justify-content: center !important; font-weight: 500; } .cqy-card-grid .card:hover .card-cta:after { transform: scale(1.5); left: 10px; } .cqy-card-grid .hydra-date { text-transform: uppercase; font-weight: 400; font-size: 14px; margin-bottom: 6px; } /*---*/ .cqy-reverse-card-grid .card { --bs-card-border-radius: 0; } .cqy-reverse-card-grid .card .card-cta { --cqy-card-cta-arrow-size: 20px; text-transform: uppercase; font-weight: bold; display: flex; gap: 8px; position: relative; transition: all .3s; left: 0; } .cqy-reverse-card-grid .card-cta::before { transition: all .3s; position: relative; content: var(--cqy-arrows); width: var(--cqy-card-cta-arrow-size); height: var(--cqy-card-cta-arrow-size); display: inline-block; left: 0; } .cqy-reverse-card-grid .card:hover .card-cta { left: 10px; gap: 12px; } .cqy-reverse-card-grid .card:hover .card-cta:before { transform: scale(1.5); } /* PRODOTTO */ .cqy-iter .col { min-width: 180px; position: relative; } .cqy-iter .col:not(:last-child)::after { content: var(--cqy-arrows-primary); min-width: 32px; display: block; position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%); } @media (max-width:575.98px) { .cqy-iter .col:not(:last-child)::after { top: 100%; left: 50%; transform: rotate(90deg) translate(25%, 100%); min-width: 28px; } } @media (min-width:1200px) { .cqy-iter .col { min-width: 220px; } } /*UFFICI*/ .cqy-contact-row [class*=HorizontalWrapper_item] { justify-content: center; flex-direction: column; width: 100%; align-items: stretch; } .cqy-contact-row [class*=HorizontalWrapper_item]:after { content: none !important; } /*UTILS*/ .hydra-gallery.rounded * { border-radius: inherit; } .white-space-no-wrap { white-space: nowrap; } .separator-bottom:after { content: ""; display: block; border: 0; border-bottom: 1px solid #b8b8ba; width: 100%; height: 1px; z-index: 1; margin: 1.4rem 0; position: relative; } @media (min-width:768px) { .separator-bottom:after { content: none; } .separator-md-right { border: 0; border-right: 1px solid #b8b8ba; } } .table.no-bg { --bs-body-bg: none; } .border-gray500 { border-color: var(--bs-gray-500); } /*GLOBALS*/ .hydra-grid, .hydra-gridCardContent { --swiper-theme-color: var(--bs-secondary); } .background-light, .bg-light { --hydra-color-contrast: var(--bs-body-color); } .siteTheme ul li::marker { color: var(--bs-secondary); } .siteTheme .body-pageElements :not(a)>strong { color: var(--bs-primary); } .siteTheme .hydra-cta .hydra-icon { transition: transform .3s; } .siteTheme .hydra-cta span:hover .hydra-icon { transform: translateX(4px); } .siteTheme .hydra-bodyComposer .text-action { font-weight: 600; text-decoration: none; display: flex; gap: 8px; align-items: center; } .siteTheme .hydra-bodyComposer .text-action:after { content: var(--cqy-arrows); min-width: 20px; display: block; transition: transform .3s; } .siteTheme .hydra-bodyComposer .text-action:hover:after { content: var(--cqy-arrows-hover); transform: translateX(4px); } .siteTheme .table { --bs-body-color: var(--bs-primary); } .siteTheme .table td { min-width: 200px; vertical-align: middle; } /*ASSETS*/ .siteTheme { /* --bs-body-color: #9e9e9e; */ /*#A5A5A5*/ /* --bs-link-color-rgb: var(--bs-secondary-rgb); --bs-link-hover-color-rgb: var(--hydra-secondary-darker-rgb); */ --cqy-arrows: url('data:image/svg+xml,'); --cqy-arrows-hover: url('data:image/svg+xml,'); --cqy-arrows-primary: url('data:image/svg+xml,'); }

Standard BRC Global Standard Food Safety - versione 7