.color-primary { color: #c4ad76 !important; } .color-secondary { color: #65a2a4 !important; } .zoomContainer.qvp { z-index: 99999 !important; } .si-navbar { z-index: 9843; } .nav-link.active { color: #95ab89; font-weight: 600; } .product-option input[type="checkbox"]:after { color: var(--Main-primary_color); font-size: 16px; } .slideshow-section .slick-slide { --overlay-background: transparent !important; } .filter-sort-wrapper.fixed { transform: translateY(0px) !important; } .product-card .product-card-details { text-align: center; } .product-card .ratings { margin: 0 auto; justify-content: center; } @media screen and (max-width: 590px) { .slideshow-section .slick-slide img { object-position: right !important; opacity: .25; } } .slideshow-section .slick-slide { height: 70vh } body.navbar-open .header-logo { opacity: 0; } .close-icon { display: none; } body.navbar-open .close-icon { display: inline; animation: fade 1s; } body.navbar-open .open-icon { display: none; } .btn-outline-1 { border: 1px solid #c4ad76 !important; color: #c4ad76 !important; border-radius: 14px; padding: 10px 14px; } .btn-outline-2 { border: 1px solid #65a2a4 !important; color: #65a2a4 !important; border-radius: 14px; padding: 10px 14px; } .si-menu-items { background: #fff; border-radius: 50px; font-size: 12px; box-shadow: 5px 8px 10px #00000012; padding: 0; position: relative; } .si-menu-items .open-menu { background: #95ab89; border-radius: 50px; position: absolute; left: 0; height: 48px; display: flex; align-items: center; transition: transform .3s; } .si-menu-items .open-menu:hover { transform: scale(1.1); } .si-header .menu-list-item { padding: 14px 16px !important; } .section-products-1 .product-card { border: 4px solid #65a2a4; border-radius: 20px; padding: 20px; text-align: center; margin-right: 1rem; height: 500px; } footer .overlay:before { background-color: rgb(0 0 0 / 38%); } .section-products-1 .product-card .card-price-regular { color: #c4ad76; font-weight: 600; letter-spacing: 1px; } .carosello img { max-width: 150px; object-fit: contain; filter: grayscale(1) opacity(.8); transition: all .3s; } .carosello img:hover { filter: inherit; } .img-heading { margin-top: -100px; position: relative; width: 100%; height: 50vh; overflow: hidden; } .img-heading::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--sfondo); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .img-heading::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(3, 3, 3, 0.38); z-index: 2; } .img-heading span { font-size: 3.5vw; text-transform: uppercase; display: flex; justify-content: center; width: 100%; padding-left: 4vw; position: relative; color: white; z-index: 4; font-weight: bold; text-align: center; } .si-cs-section-1 { width: 100%; height: 1300px; background-image: var(--sfondo); background-size: cover; position: relative; background-position: center; } .si-navbar.active .navbar-brand img { animation: fade 1s; } .si-cs-section-1 .si-cs-section-text { width: 50vw; max-width: 700px; height: auto; padding: 2rem; letter-spacing: 1px; line-height: 2; font-size: 1rem; color: white; background-color: #65a2a4; border-radius: 0 20px 20px 0; margin: 0; position: relative; top: 50px; left: 0; } .vertalign { vertical-align: middle; } #section-KWSOfUuX { min-height: 858px; display: flex; flex-direction: column; justify-content: center; } /* Slideshow container */ .slideshow-container { max-width: 500px; position: relative; margin: auto; } /* Hide the images by default */ .mySlides { display: none; } /* Fading animation */ .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { transform: scale(0.75); opacity: .1 } to { transform: scale(1); opacity: 1 } } ul.main-menu .nav-link:hover { color: rgb(196, 173, 118) !important; } ul.main-menu .nav-item.active a { color: rgb(196, 173, 118) !important; } ul.main-menu .nav-item:hover a { color: rgb(196, 173, 118) !important; } .scale:hover { transition: transform 0.3s ease; transform: scale(1.05); } .body-wrapper { min-width: 100%; } .product-page, .product-page>.container { z-index: 2; position: relative; } .product-page:after { content: ''; width: 100%; height: 120%; background: url('https://costashop.prontoshop.it/images/costashop/24/09/tewxture-sfondo-04c78'); opacity: .065; position: absolute; z-index: 0; top: -96px; } .product-details .product-price { color: #c4ad76; font-size: 30px; } .product-details .input-counter { border: 1px solid #95ab89; background: #ffff; } .breadcrumb { position: relative; z-index: 13; } .si-app-section .download-button { border: 3px solid #c4ad76 !important; color: #c4ad76 !important; border-radius: 14px; padding: 12px 25px; font-weight: 400; } .si-app-section .download-button:hover { color: #ffffff !important; background: #65a2a4 !important; border-color: transparent !important; } .btn-outline-gold { border-color: rgb(196, 173, 118); color: rgb(196, 173, 118); border: 2px solid; } .btn-outline-gold:hover { background: rgb(196, 173, 118); color: #fff !important; border-color: transparent !important; } .si-navbar { position: fixed; width: 400px; height: 100%; z-index: 98; background-color: #95ab89; color: #fff; display: flex; flex-direction: column; left: -1000px; transition: all .34s; box-shadow: 3px 8px 20px #0000005c; visibility: hidden; top: 0; padding: 0; border-radius: 0 20px 20px 0px; margin: 20px 0; } .si-navbar.active { left: 0; visibility: visible; } .si-navbar .navbar-brand { display: flex; justify-content: center; font-size: 1.5rem; font-weight: bold; color: #333; text-decoration: none; padding: 1rem; margin: 0; background: #c4ad76; border-radius: 20px; margin: 10px; } .si-navbar .menu-toggle { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; } .si-navbar .nav-menu { display: flex; list-style-type: none; margin-top: 50px; text-transform: uppercase; padding: 0; padding-left: 12px; flex-direction: column; } .si-navbar .nav-item { margin-left: 1rem; display: flex; align-items: center; } .si-navbar .nav-link { text-decoration: none; font-weight: 300; transition: color 0.3s ease; color: #ffffff; } .si-navbar .nav-item .link-icon { background: url('https://costashop.prontoshop.it/images/costashop/24/09/ms-3839f?width=150'); width: 24px; height: 24px; display: inline-flex; background-size: contain; background-repeat: no-repeat; } .si-navbar.active .nav-item .link-icon { animation: fade 1s; } .si-navbar .nav-link:hover { font-weight: 600; } .si-navbar .nav-link::after { content: ">"; padding-left: 8px; } .si-header { position: sticky; z-index: 999; } .si-header.sticky { background: #ffff; padding: 20px 0; } .si-header .dark-logo { display: none; } .si-header.sticky .dark-logo { display: block; } .si-header.sticky .light-logo { display: none; } .si-header.sticky .si-menu-items { box-shadow: none !important; } .si-header.sticky .open-menu { background: transparent; } .si-header.sticky .open-menu svg { color: #000 !important; } .si-header.sticky .header-action-item svg { color: #6c6767 !important; } /* @media (max-width: 768px) { .menu-toggle { display: block; } .nav-menu { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh; background-color: #f8f9fa; flex-direction: column; align-items: center; padding-top: 4rem; transition: right 0.3s ease; } .nav-menu.active { right: 0; } .nav-item { margin: 1rem 0; } } */ .navbar-open .si-header { background: #ffffff00; } .si-app-section .el-a-1 { position: absolute; width: 500px; height: 100%; background-image: url('https://costashop.prontoshop.it/images/costashop/24/09/laterali-sito-48df8'); background-size: contain; left: 0; } .si-app-section .el-a-2 { position: absolute; width: 500px; height: 100%; background-image: url('https://costashop.prontoshop.it/images/costashop/24/09/laterali-sito-2-d66ac'); background-size: contain; right: 0; } .mob-menu-tab { display: flex; margin: 0; text-align: center; list-style: none; padding: 0; border-radius: 20px; margin: 0 12px; margin-top: 12px; } .mob-menu-tab .mob-menu-item { flex: 1 0 50%; max-width: 50%; } .mob-menu-tab .mob-menu-item.active { background: #c4ad76; } .mob-menu-tab .mob-menu-item.active a { color: #fff; } .mob-menu-tab .mob-menu-item:nth-child(1) { border-radius: 20px 0px 0 20px; } .mob-menu-tab .mob-menu-item:nth-child(2) { border-radius: 0px 20px 20px 0px; } .mob-menu-tab .mob-menu-item a { position: relative; display: flex; align-items: center; flex-direction: row; text-transform: uppercase; font-weight: 600; font-size: 13px; line-height: 1.2; flex: 1 1 auto; padding: 18px 15px; text-align: center; color: #939393; justify-content: center; display: flex; } @media screen and (max-width: 590px) { .si-app-section .el-a-1, .si-app-section .el-a-2 { width: 200px } .si-app-section .display-5 { text-align: center; } .img-heading span { font-size: 30px !important; } #sections { overflow: hidden } .section-products-1 .product-card { border: 0; padding: 0; } .product-container .arrow-slider:not(.slick-disabled) { background: #65a2a4; color: #fff; } .product-container .arrow-slider:not(.slick-disabled) svg { stroke: #fff !important; } .sidenav .nav-item { margin: .112rem 0; } .sidenav ul.main-menu .nav-link { font-size: 1rem; font-weight: 400; color: #ffff; } .si-navbar { z-index: 9999999; width: 100%; border-radius: 0; margin: 0; } .sidenav .card { background-color: #95ab89; color: #fff; } #section-JwBsQaxj .accordion-button svg { display: none; } #section-NJdgnbGm .background-container img { object-position: left; opacity: .15; } #section-JIUDFfjE img.d-lg-none { height: 400px !important; } .si-navbar .close-menu { position: absolute; top: 20px; right: 20px; } } footer .footer-menu-items { list-style: none; padding-left: 0; } footer .footer-menu-items li { margin-bottom: 4px; } footer .footer-menu-items li a { color: #ffff; font-size: .9rem; font-weight: 300; text-transform: uppercase; } .si-footer .overlay { position: absolute; z-index: 2; width: 100%; height: 100%; backdrop-filter: blur(3px); } .si-footer { position: relative; overflow: hidden; } .si-footer .backimage { height: 400px; } .img-heading.gradient:after { background: linear-gradient(180deg, rgb(0 0 0 / 35%) 50%, rgba(255, 255, 255, 1) 100%); } @media screen and (max-width: 590px) { .si-footer { padding-bottom: 100px; } .si-footer .col-12[data-column="0"] { margin-top: 20px; } .si-footer .col-12[data-column="1"], .si-footer .col-12[data-column="2"] { text-align: center; margin: 0 auto; width: 80%; margin-top: 20px; } .si-footer .backimage { height: auto !important; } .carousel button { display: none; } .carousel .carousel-inner { display: flex; overflow-x: auto; padding: 0; margin: 0; } .carousel .col { flex: inherit; } .carousel .carousel-item { margin: 0; } .si-navbar { background: #fff; } .si-navbar .nav-link { color: #000000; } .si-navbar.active .nav-item .link-icon { mix-blend-mode: difference; opacity: .65; width: 22px; height: 22px; } .mob-menu-tab { border: 1px solid #c4ad76; } #section-lWWirneH .si-slider-img { display: none !important; } #section-xZpWLLmO { max-height: 800px; } #section-NJdgnbGm { z-index: 101; min-height: 800px !important; margin-top: -250px; } .el-a-1, .el-a-2 { opacity: .35; } .si-navbar .nav-item { border-bottom: 1px solid #e3e3e3; padding: 12px 14px; } } .si-navbar .nav-menu { overflow: auto; } #section-p-shipping .sps-item { position: relative; overflow: hidden; } #section-p-shipping .sps-item:after { content: ''; position: absolute; top: 0; left: 11px; background: #0000004a; background: linear-gradient(180deg, rgb(0 0 0 / 24%) 0%, rgb(0 0 0 / 83%) 100%); width: calc(100% - 22px); height: calc(100% - 16px); } #section-p-shipping .sps-item img { border-radius: 20px; } #section-p-shipping .sps-item .text-a { position: absolute; padding: 20px; z-index: 5; } @media screen and (max-width: 590px) { #section-p-shipping .sps-item img { object-fit: cover; height: 100%; } #img-2906 { right: inherit !important; left: 78px !important; width: 120px !important; height: 120px !important; bottom: -100px !important; top: inherit !important; } #section-p-shipping .sps-item { height: 500px; } } .section-brands .logo-slider { display: flex; gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 10px 0; white-space: nowrap; justify-content: flex-start; align-items: center; } .section-brands .logo-slider::-webkit-scrollbar { display: none; } .section-brands .logo-item { flex: 0 0 auto; width: 200px; padding: 10px; scroll-snap-align: center; text-align: center; } .section-brands .logo-item img { max-width: 150px; object-fit: contain; filter: grayscale(1) opacity(.8); transition: all .3s; } .section-brands .logo-item img:hover { opacity: 1; filter: inherit; } .fade-left, .fade-right { position: absolute; top: 0; bottom: 0; width: 50px; pointer-events: none; z-index: 1; } .fade-left { left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .fade-right { right: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .section-brands .scroll-btn { background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 6px 12px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2; transition: background-color 0.3s ease; border-radius: 50px; } .section-brands .scroll-btn:hover { background-color: rgba(0, 0, 0, 0.8); } .section-brands .left-btn { left: 0; } .section-brands .right-btn { right: 0; } @media (max-width: 768px) { .section-brands .logo-item { width: 50%; } .floating-wpp { bottom: 65px !important; } #section-NJdgnbGm .min-vh-75 { min-height: 100vh !important; } #section-lWWirneH .content-slide { height: 600px; } #section-lWWirneH .slick-track { padding-top: 100px; } #section-lWWirneH .slick-slide { height: 100vh; } } #section-AQzZZjrb a.btn-outline-2:hover { background: #65a2a4; color: #ffff !important; } #section-AQzZZjrb a.btn-outline-1:hover { background: #c4ad76; color: #fff !important; } .sticky-header { z-index: 9 !important; } #section-xZpWLLmO img.phone-image { transform: scale(1.5); } .zoomContainer .zoomWindow { border: 0 !important; } .zoomContainer { padding-left: 100px; padding-top: 50px; } .bio-label { position: absolute; height: 80px; width: 80px; right: 10px; } .product-card { position: relative; } .product-tab-section { z-index: 4; position: relative; } #popup_popup-alcolici .close-modal { display: none; } .section-costa { background-color: #c20c19; } .section-costa a, .section-costa .product-card-price span { color: #fff; } .product-card-img .product-pic { object-fit: contain; } .section-costa .product-card-price span { font-size: 1.5rem; opacity: 1; } .section-costa .product-card { margin-top: 0; margin-bottom: 1rem; } .btn-outline-white { border: 2px solid #fff; } .btn-outline-white:hover { border: 2px solid #fff; background-color: #fff; color: #c20c19; } .collection-product-container .product-card { /*border: 2px solid #95ab89; border-radius: .5rem; padding: 1rem;*/ } .collection-product-container .product-card .card-price-regular { color: #95ab89; font-size: 1.5rem; opacity: 1; } .nav-link--custom { color: #c20c19 !important; text-transform: uppercase; font-weight: 600 !important; } .img-slide-slick { object-fit: contain; opacity: 1 !important; } .c-message { height: 42px; list-style: none; display: flex; align-items: center; justify-content: center; font-size: 14px; overflow-y: auto; white-space: nowrap; animation: easter 8s ease infinite; background: linear-gradient(135deg, #ffdde1, #ee9ca7, #fad0c4, #fbc2eb); letter-spacing: 1px; color: #680000; position: fixed; top: 0; z-index: 2222; overflow: hidden; background-size: 300% 300%; width: 100%; } @media screen and (max-width: 590px) { .c-message-text { display: inline-block; padding-left: 100%; animation: scroll-left 15s linear infinite; } } @keyframes scroll-left { 0% { transform: translateX(20%); } 100% { transform: translateX(-80%); } } @keyframes easter { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } body.page-app .header-cart svg { color: #3b512f !important; } body.page-app .header-search svg { color: #747474 !important; } .wizard-box-card { max-width: 500px; justify-content: center; align-items: center; margin: 0 auto; } .wizard-wrapper { margin-top: 40px; } @media (max-width: 768px) { .wizard-stepper { scrollbar-width: none; } } .variants-scroll-container, .variants-header { justify-content: center; } .ProgressBarComponent * { font-size: 10px !important; } .page-product .ai-chat-widget .chat-button { position: fixed; bottom: 100px; top: calc(100% - 120px); } @media screen and (max-width: 599px) { .ai-chat-widget .chat-button-mobile { bottom: 100px !important; } .ProgressBarComponent { margin-bottom: 10px; } } #cartApps { max-height: 20vh; margin-bottom: 20px; overflow: auto; width: 100%; scrollbar-width: thin; } .products-costa .variant-pill{ background: #ffffff21; border: 1.5px solid #e5e7eb36;} .products-costa .variants-type-label { color: #ffffffab; }