@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Barlow:wght@300;400;500;600&display=swap'); :root { --rsan-red: #C8151C; --rsan-red-dark: #A00F15; --rsan-off-white: #FAFAF8; --rsan-white: #FFFFFF; --rsan-ink: #1A1A1A; --rsan-ink-60: rgba(26, 26, 26, 0.6); --rsan-ink-30: rgba(26, 26, 26, 0.3); --rsan-ink-10: rgba(26, 26, 26, 0.08); --rsan-border: rgba(26, 26, 26, 0.1); --rsan-cream: #F5F0E8; --rsan-ff-display: 'Barlow Condensed', sans-serif; --rsan-ff-serif: 'Lora', Georgia, serif; --rsan-ff-body: 'Barlow', sans-serif; } .cart-icon__dot { top: 0; right:0} .breadcrumb_collection { margin-top: 0; } .breadcrumb:not([class*="breadcrumb-style-"]) { margin-top: 40px !important; } .product-card-title, .product-card-title a, .product-details .product-title { font-family: var(--rsan-ff-display); font-weight: 600; text-transform: uppercase; } .product-details .product-title { font-weight: 800; } *, *::before, *::after { box-sizing: border-box; } body { font-family: var(--rsan-ff-body); background: var(--rsan-white); color: var(--rsan-ink); overflow-x: hidden; padding-top: 104px; } h2, h3, h4, h5, h6, .product-details .product-price { font-family: var(--rsan-ff-body); } .rsan-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: var(--rsan-ink); height: 36px; display: flex; align-items: center; } .rsan-topbar__inner { display: flex; align-items: center; justify-content: center; gap: 36px; flex-wrap: nowrap; overflow: hidden; } .rsan-topbar__item { font-family: var(--rsan-ff-display); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); display: flex; align-items: center; gap: 6px; white-space: nowrap; } .rsan-topbar__item i { color: var(--rsan-red); font-size: 11px; } .rsan-topbar__sep { color: rgba(255, 255, 255, 0.15); font-size: 14px; } .rsan-nav { position: fixed; top: 36px; left: 0; right: 0; z-index: 999; background: var(--rsan-white); border-bottom: 1px solid var(--rsan-border); height: 68px; display: flex; align-items: center; transition: box-shadow .3s; } .rsan-nav.rsan-nav--scrolled { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07); } .rsan-nav__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 40px; } .rsan-nav__left { display: flex; align-items: center; gap: 0; } .rsan-nav__logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; } .rsan-nav__logo img { height: 32px; width: auto; display: block; } .rsan-nav__divider { width: 1px; height: 28px; background: var(--rsan-border); margin: 0 32px; } .rsan-nav__menu { display: flex; align-items: center; gap: 0; list-style: none; padding: 0; margin: 0; } .rsan-nav__item { position: relative; } .rsan-nav__link { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--rsan-ink); text-decoration: none; padding: 8px 16px; display: flex; align-items: center; gap: 5px; transition: color .2s; white-space: nowrap; } .rsan-nav__link:hover, .rsan-nav__link.active { color: var(--rsan-red); } .rsan-nav__link i { font-size: 10px; transition: transform .2s; } .rsan-nav__item:hover .rsan-nav__link i { transform: rotate(180deg); } .rsan-dropdown { position: absolute; top: calc(100% + 8px); left: 0; background: var(--rsan-white); border: 1px solid var(--rsan-border); border-top: 2px solid var(--rsan-red); min-width: 220px; padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .22s; z-index: 100; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); } .rsan-nav__item:hover .rsan-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .rsan-dropdown__link { display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rsan-ink); text-decoration: none; transition: background .18s, color .18s; } .rsan-dropdown__link:hover { background: var(--rsan-cream); color: var(--rsan-red); } .rsan-dropdown__link img { height: 20px; width: auto; object-fit: contain; flex-shrink: 0; } .rsan-dropdown--mega { left: 50%; transform: translateX(-50%) translateY(8px); min-width: 700px; padding: 24px 28px; } .rsan-nav__item:hover .rsan-dropdown--mega { transform: translateX(-50%) translateY(0); } .rsan-mega-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .rsan-mega-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; text-decoration: none; border: 1px solid transparent; transition: border-color .18s, background .18s; } .rsan-mega-item:hover { border-color: var(--rsan-border); background: var(--rsan-cream); } .rsan-mega-item img { height: 24px; width: auto; object-fit: contain; flex-shrink: 0; } .rsan-mega-item span { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rsan-ink); } .rsan-mega-item:hover span { color: var(--rsan-red); } .rsan-nav__right { display: flex; align-items: center; gap: 6px; } .rsan-nav__icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; color: var(--rsan-ink); font-size: 18px; transition: color .2s; text-decoration: none; position: relative; } .rsan-nav__icon:hover { color: var(--rsan-red); } .rsan-nav__cart-count { position: absolute; top: 6px; right: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--rsan-red); color: #fff; font-family: var(--rsan-ff-display); font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 1; } .rsan-nav__distilleria { display: flex; align-items: center; } .rsan-nav__distilleria img { height: 28px; width: auto; opacity: 0.7; transition: opacity .2s; } .rsan-nav__distilleria:hover img { opacity: 1; } .rsan-nav__toggler { display: none; background: none; border: none; cursor: pointer; padding: 6px; flex-direction: column; gap: 5px; } .rsan-nav__toggler-line { display: block; width: 24px; height: 2px; background: var(--rsan-ink); transition: all .3s; } .rsan-mobile-menu { position: fixed; top: 104px; left: 0; right: 0; bottom: 0; background: var(--rsan-white); z-index: 998; overflow-y: auto; padding: 20px 0; transform: translateX(-100%); transition: transform .3s; } .rsan-mobile-menu.open { transform: translateX(0); } .rsan-mobile-link { display: block; padding: 16px 30px; font-family: var(--rsan-ff-display); font-size: 16px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rsan-ink); text-decoration: none; border-bottom: 1px solid var(--rsan-ink-10); transition: color .2s; } .rsan-mobile-link:hover { color: var(--rsan-red); } .rsan-mobile-sub { padding: 8px 30px 8px 48px; font-family: var(--rsan-ff-display); font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--rsan-ink-60); text-decoration: none; display: block; transition: color .2s; } .rsan-mobile-sub:hover { color: var(--rsan-red); } .rsan-mobile-section { border-bottom: 1px solid var(--rsan-ink-10); } @media(max-width:991px) { .rsan-nav__menu { display: none; } .rsan-nav__divider { display: none; } .rsan-nav__distilleria { display: none; } .rsan-nav__toggler { display: flex; } .rsan-topbar__item:not(:first-child) { display: none; } .rsan-nav__inner { padding: 0 20px; } } @media(max-width:575px) { .rsan-topbar__inner { gap: 0; } .rsan-topbar__item { font-size: 10px; } .rsan-nav__icon i { font-size: 22px !important; } } .rsan-footer { background: var(--rsan-ink); padding: 80px 0 0; } .rsan-footer__top { padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .rsan-footer__brand {} .rsan-footer__logo { display: block; margin-bottom: 20px; } .rsan-footer__logo img { height: 28px; width: auto; filter: brightness(0) invert(1); opacity: 0.9; } .rsan-footer__tagline { font-family: var(--rsan-ff-serif); font-size: 14px; font-style: italic; color: rgba(255, 255, 255, 0.4); line-height: 1.7; margin-bottom: 24px; } .rsan-footer__contact-item { display: flex; align-items: center; gap: 10px; font-family: var(--rsan-ff-body); font-size: 14px; color: rgba(255, 255, 255, 0.45); margin-bottom: 10px; } .rsan-footer__contact-item i { color: var(--rsan-red); font-size: 14px; flex-shrink: 0; } .rsan-footer__contact-item a { color: rgba(255, 255, 255, 0.55); text-decoration: none; transition: color .2s; } .rsan-footer__contact-item a:hover { color: var(--rsan-red); } .rsan-footer__col-title { font-family: var(--rsan-ff-display); font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255, 255, 255, 0.3); margin-bottom: 20px; display: block; } .rsan-footer__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .rsan-footer__links li a { font-family: var(--rsan-ff-body); font-size: 14px; color: rgba(255, 255, 255, 0.45); text-decoration: none; transition: color .2s; } .rsan-footer__links li a:hover { color: var(--rsan-red); } .rsan-footer__brands-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 28px; } .rsan-footer__brand-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); text-decoration: none; transition: border-color .2s, background .2s; } .rsan-footer__brand-chip:hover { border-color: var(--rsan-red); background: rgba(200, 21, 28, 0.08); } .rsan-footer__brand-chip img { height: 18px; width: auto; filter: brightness(0) invert(1); opacity: 0.5; } .rsan-footer__brand-chip:hover img { opacity: 0.85; } .rsan-footer__social { display: flex; gap: 8px; margin-top: 24px; } .rsan-footer__social-btn { width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.4); font-size: 14px; text-decoration: none; transition: border-color .2s, color .2s, background .2s; } .rsan-footer__social-btn:hover { border-color: var(--rsan-red); color: #fff; background: var(--rsan-red); } .rsan-footer__payments { display: flex; align-items: center; gap: 8px; margin-top: 20px; flex-wrap: wrap; } .rsan-footer__payments img { height: 20px; width: auto; opacity: 0.75; } .rsan-footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; flex-wrap: wrap; gap: 12px; } .rsan-footer__copy { font-family: var(--rsan-ff-body); font-size: 12px; color: rgba(255, 255, 255, 0.22); } .rsan-footer__legal { display: flex; align-items: center; gap: 0; flex-wrap: wrap; } .rsan-footer__legal a { font-family: var(--rsan-ff-body); font-size: 11px; color: rgba(255, 255, 255, 0.22); text-decoration: none; padding: 4px 12px; border-right: 1px solid rgba(255, 255, 255, 0.08); transition: color .2s; white-space: nowrap; } .rsan-footer__legal a:last-child { border-right: none; } .rsan-footer__legal a:hover { color: rgba(255, 255, 255, 0.55); } .rsan-footer__eu { margin-top: 16px; } .rsan-footer__eu img { height: 44px; width: auto; opacity: 0.75; } @media(max-width:767px) { .rsan-footer__bottom { flex-direction: column; align-items: flex-start; } .rsan-footer__legal { gap: 0; } .rsan-footer__legal a { padding: 4px 10px 4px 0; border-right: none; } } .et_pb_background_mask { background-size: calc(100% + 2px) calc(100% + 2px); background-repeat: no-repeat; background-position: 50%; overflow: hidden; background-image: url("data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSg5MSwxNDAsMjMsMC40MykiIHZpZXdCb3g9IjAgMCAxOTIwIDE0NDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1vcGFjaXR5PSIuNCIgZD0iTTExNzguOTMsMzA3LjQzYy01Ny4xMS43OC0xMDcuNTksMTguMjgtMTU2LjEsNDAuNzgsMzYuMzUtMjUuODEsNzUuNDItNDcuNjcsMTIwLjY2LTYwLjY0LDQxMS4wNS0xMzAuMjksNjM0LjA3LDI4OC4xMSwzNjkuMDgsNTk5LjQ5LTMuMjQsNC4xOS02LjU2LDguMzItOS45MSwxMi40MkMxNjgzLjE2LDY1My40NCwxNTM5LjQ0LDI5MS44NiwxMTc4LjkzLDMwNy40M1pNMzI0LjE5LDc3Mi41M2MtMTcuNDQsNTAuODUtMTUuMTcsMTAzLjg2LDMuMzYsMTQwLDE1NiwzMDQuMTksNjc0LDM0MS45MiwxMDA3LDEzMy40N0MxMDA0LjU3LDEyMzkuMzksNDc4LjY1LDExMDQuNjMsMzI0LjE5LDc3Mi41M1oiLz4KCQkJCQkJCQkJPHBhdGggZD0iTTMyNC4xOSw3NzIuNTNjMTU0LjQ2LDMzMi4xLDY4MC4zOCw0NjYuODYsMTAxMC4zMSwyNzMuNDYsNjMuNzktMzkuOTMsMTIxLjA2LTg4Ljg0LDE2OC4xNi0xNDYuNTEsMTgwLjUtMjQ2LDM2Ljc4LTYwNy42Mi0zMjMuNzMtNTkyLTU3LjExLjc4LTEwNy41OSwxOC4yOC0xNTYuMSw0MC43OEM5MjksMzkxLjcxLDg0Mi4yOSw0NTguNjgsNzI5Ljc5LDQ1MGMtMjE0LjUyLTE2LjQ4LTQ3Ni41MSw3LjMyLTQzMi4yNSwyNTAuNDhDMzAyLjE4LDcyNiwzMTMuNDUsNzQ5LjQ2LDMyNC4xOSw3NzIuNTNaIi8+PC9zdmc+"); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } [class*='elfsight-app'] { height: fit-content; } .breadcrumb_collection .col-image img { width: 100px; height: auto; object-fit: contain; } .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { padding-bottom: 12px; font-size: 14px; } .blog-section .card-img-top { max-height: 300px; object-fit: cover; border-radius: 25px; padding: 10px; } .blog-post p { margin-bottom: 15px; } .product-card-title, .product-card-title a { line-height: 1; } .footer-dark li a { font-size: 16px; } .footer-navbar a { font-size: 12px !important; } .login-page { margin-top: 100px !important; } #section-jLhGvmSO .icon-wrap .icon { background: #ffe9e9 !important; padding: 22px 16px !important; border-radius: 50px !important; } @media (max-width: 640px) { #app-slidepro .slide-image { max-height: 500px !important; } section.border-bottom.pt-45px .icon-with-text-style-01 .feature-box { text-align: center; } section.border-bottom.pt-45px .icon-with-text-style-01 .feature-box-icon { margin-left: 25px; } } /* --- test ---*/ /* INFLUENZA TUTTO IL SITO @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 90%; }*/ .provaimg { margin-top: 120px; } .line-icon-Cat { font-size: 28px; } .blocco-cane { padding-top: 200px; } .icone-green i { color: #0f9348; } .ciotola { background-position: left center; background-size: cover; background-repeat: no-repeat; padding: 40px 0 20px 20px; border-radius: 15px; } .ciotola img { margin-bottom: -120px; margin-left: -98px; } .nobatIMG { width: 30%; } .unaltro { width: 20%; } .img-h-auto { height: auto !important; } .iconeLinea { display: flex; } .tab-style-05 .nav-tabs .nav-item .nav-link { padding: 10px; } #section-rhrcXPgV.collections-section { padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center; } #section-rhrcXPgV .product-card { background-color: #ffffff82; border: 1px solid white; border-radius: 12px; } #section-rhrcXPgV .product-card-title, #section-rhrcXPgV .product-card-title a { line-height: 1; min-height: 64px; } @media (max-width: 590px) { footer .container .row.justify-content-center { text-align: center; } footer .elements-social { display: flex; justify-content: center; } header .header-icon .icon-feather-shopping-bag { font-size: calc(1.375rem + 1.5vw) !important; } #sections { overflow: hidden; } nav.navbar .col-lg-5.menu-order { order: 1; } nav.navbar .col-lg-5:not(.menu-order) { order: 3; } nav.navbar .col-lg-2 { order: 2; width: 60% !important; } section img, section .atropos { touch-action: pan-y; } #section-FjoxQtbV, #section-pDjTsViV { background-size: 200% !important; } } @media (min-width: 990px) { .swiper-slider-section-1 { height: 100%; } } :root { --alt-font: 'Poppins', sans-serif !important; --primary-font: 'Poppins', sans-serif !important; } @media screen and (min-width: 990px) and (max-width: 1540px) { .navbar .navbar-nav .nav-link, .header-icon .widget-text a.fs-6 { font-size: 15px; } } .right-side-bar .elements-social.social-icon-style-10 a .fw-500 { font-size: 14px; } .fit-contain { object-fit: contain; } @media screen and (max-width: 590px) { .navbar-collapse .submenu-content img { width: 100px !important; } .navbar .navbar-nav .simple-dropdown .dropdown-menu { width: 100%; } .d__D a { display: flex; width: 100%; } } .logo-pettyou, .logo-iovivo { object-fit: contain; width: 100px !important; height: 100px ! Important; } .logo-prontigen { width: 120px !important; height: 120px !important; object-fit: contain; }