/* Theme Name: Helo Child Description: Child theme of Helo Template: helo Version: 1.0.0 */ /*TYPOGRAPHY*/ @font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: url('fonts/NeueHaasDisplay-Light.eot'); src: url('fonts/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'), url('fonts/NeueHaasDisplay-Light.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Light.woff') format('woff'), url('fonts/NeueHaasDisplay-Light.ttf') format('truetype'), url('fonts/NeueHaasDisplay-Light.svg#NeueHaasDisplay-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: url('fonts/NeueHaasDisplay-Roman.eot'); src: url('fonts/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/NeueHaasDisplay-Roman.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Roman.woff') format('woff'), url('fonts/NeueHaasDisplay-Roman.ttf') format('truetype'), url('fonts/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: url('fonts/NeueHaasDisplay-Mediu.eot'); src: url('fonts/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'), url('fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Mediu.woff') format('woff'), url('fonts/NeueHaasDisplay-Mediu.ttf') format('truetype'), url('fonts/NeueHaasDisplay-Mediu.svg#NeueHaasDisplay-Mediu') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: url('fonts/NeueHaasDisplay-Bold.eot'); src: url('fonts/NeueHaasDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/NeueHaasDisplay-Bold.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Bold.woff') format('woff'), url('fonts/NeueHaasDisplay-Bold.ttf') format('truetype'), url('fonts/NeueHaasDisplay-Bold.svg#NeueHaasDisplay-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } :root { --font-primary: 'Neue Haas Grotesk Display Pro', sans-serif; --font-secondary: 'Neue Haas Grotesk Display Pro', serif; font-size: clamp(14px, 1.5vw, 18px); --fs-body: 1rem; --fs-h1: clamp(4rem, 5vw, 6rem); --fs-h2: clamp(3rem, 4.33vw, 5rem); --fs-h3: clamp(2rem, 3vw, 2.5rem); --fs-h4: clamp(1.8rem, 1.94vw, 2.3rem); --fs-h5: clamp(1.5rem, 1.43vw, 1.8rem); --fs-h6: clamp(1.05rem, 0.95vw, 1.2rem); --fs-promo-banner-big-text: clamp(3.2rem, 6.35vw, 7.5rem); --fs-promo-banner-sub-text: clamp(1.5rem, 1.43vw, 1.8rem); --fs-big: clamp(3.2rem, 6.35vw, 7.5rem); --fs-medium: clamp(3rem, 3vw, 4rem); --fs-big-menu: clamp(5.5rem, 5.1vw, 6rem); --fs-medium-menu: clamp(3.5rem, 3.2vw, 4rem); --fs-small-menu: clamp(3rem, 3vw, 3.5rem); --fs-slim-buttons: clamp(0.65rem, 0.6vw, 0.75rem); --fs-bottom-menu-bar: clamp(0.9rem, 0.9vw, 1rem); --fs-body-small: clamp(0.8rem, 0.85vw, 0.95rem); --fs-small: clamp(0.75rem, 0.7vw, 0.88rem); --fs-xsmall: clamp(0.65rem, 0.6vw, 0.75rem); --lh-body: 120%; --lh-large: 130%; --lh-heading: 110%; --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 2rem; --space-lg: 4rem; --color-boutique: #7ED6BD; --color-outlet: #EEC1B2; --color-extra: #FFD949; --color-fuoristagione: #878787; --content-width-megamenu: 1720px; --header-height: 125px; --mobile-menubar-head: 92px; --mobile-menubar-head-offset: -92px; } body, .body_text, .body_text *, .elementor-widget-text-editor, .elementor-widget-wcf--text, input, textarea, .helo-base select, .elementor-widget-wcf--contact-form-7 .wcf-btn-default, .bds-filters-single button, .bds-brand-name { font-family: 'Neue Haas Grotesk Display Pro'; font-weight: normal; font-size: var(--fs-body); line-height: var(--lh-body); } h1 { font-size: var(--fs-h1); line-height: 1; } /*h2, .h2 { font-size: var(--fs-h2) !important; letter-spacing: 2.662px; }*/ h2 { font-size: var(--fs-h2); line-height: 1; /*letter-spacing: 2.662px;*/ } h3 { font-size: var(--fs-h3); } h4 { font-size: var(--fs-h4); /*letter-spacing: 1.093px;*/ } h5 { font-size: var(--fs-h5); } .h1, .h1 .wcf--title, .h1 .elementor-heading-title { font-size: var(--fs-h1) !important; } .h2, .h2 .wcf--title, .h2 .elementor-heading-title { font-size: var(--fs-h2) !important; /*letter-spacing: 2.662px;*/ } .h3, .h3 .wcf--title, .h3 .elementor-heading-title { font-size: var(--fs-h3) !important; } .h4, .h4 .wcf--title, .h4 .elementor-heading-title { font-size: var(--fs-h4) !important; /*letter-spacing: 1.093px;*/ } .h5, .h5 .wcf--title, .h5 .elementor-heading-title { font-size: var(--fs-h5) !important; } .uppercase * { text-transform: uppercase; } .nouppercase * { text-transform: normal !important; } .big_font, .big_font * { font-size: var(--fs-big); line-height: 1; } .small_font, .small_font * { font-size: var(--fs-small); line-height: 1; } .weight_300, .weight_300 * { font-weight: 300 !important; } .weight_500, .weight_500 * { font-weight: 500 !important; } .promo-banner-ticker .text-slide-content .title { font-size: var(--fs-promo-banner-big-text); font-weight: bold !important; line-height: 1; text-transform: uppercase; word-spacing: 1.5rem; padding-top: 5px; } .promo-banner-subrow .elementor-heading-title { font-size: var(--fs-promo-banner-sub-text); } /*.promo-banner-ticker .text-slide-content .title em { font-style: normal !important; font-weight: 300 !important; }*/ .main_header_title .wcf--title { font-size: var(--fs-big); font-weight: 700 !important; line-height: 0.9; text-transform: uppercase; } .sub_header_title .wcf--title { font-size: var(--fs-body) !important; line-height: var(--lh-body) !important; text-transform: uppercase; font-weight: 600 !important; } .elementor-widget-wcf--counter .wcf--counter .count /*.wcf--counter-number*/ { font-size: var(--fs-big-menu) !important; font-weight: 300 !important; line-height: var(--lh-body) !important; } .elementor-widget-wcf--counter .wcf--counter .title { font-size: var(--fs-h6) !important; text-transform: uppercase; } .sub_header_title a:hover, .elementor-widget-image-box .elementor-image-box-description a:hover { opacity: 0.6; } .elementor-widget-image-box .elementor-image-box-description, .tabellar_store_accordion .helo-image-accordion .heading .title, .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .elementor-heading-title, .tabellar_store_accordion_explose .body .title, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_type .elementor-heading-title { font-size: var(--fs-body) !important; line-height: var(--lh-body) !important; text-transform: uppercase; font-weight: 600 !important; } .tabellar_store_accordion .helo-image-accordion .heading .title:nth-child(2), .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .elementor-heading-title, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_type .elementor-heading-title { text-transform: none; /*text-decoration: underline;*/ } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .elementor-widget-text-editor, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_category.elementor-widget-text-editor, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row .time_col td, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row .address_col .elementor-widget-text-editor a { font-size: var(--fs-small) !important; line-height: var(--lh-body) !important; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .elementor-widget-text-editor strong { font-weight: 500 !important; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .accordion-icon { font-size: 26px; } .tabellar_store_accordion .helo-image-accordion .header .heading-title, .tabellar_store_accordion_explose .header .heading-title { font-size: var(--fs-small) !important; line-height: var(--lh-body) !important; text-transform: uppercase; color: #8B8B8B !important; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row .store_category, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_category { color: #8B8B8B; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row .address_col .elementor-widget-text-editor a, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row .address_col .elementor-widget-text-editor a { text-decoration: underline; text-decoration-thickness: 0.5px; text-underline-offset: 3px; line-height: var(--lh-large) !important; } aside .megamenu_content_wrapper .top_row .elementor-heading-title, aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container .menu-item .wcf-nav-item { font-size: var(--fs-big-menu); font-weight: 700 !important; line-height: var(--lh-body) !important; text-transform: uppercase; color: #000; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container .menu-item .wcf-nav-item em { display: block; line-height: 0.5 !important; margin-top: 40px; font-style: normal !important; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container .menu-item .sub-menu .menu-item a { font-size: var(--fs-medium-menu); font-weight: 600 !important; line-height: var(--lh-body) !important; color: #000; } aside .megamenu_content_wrapper .bottom_row .elementor-heading-title { font-size: var(--fs-h5); font-weight: 500 !important; line-height: var(--lh-large) !important; text-transform: uppercase; color: #000; } .aae-breadcrumbs { font-size: var(--fs-small); } .aae-breadcrumbs a:hover { text-decoration: underline; } .elementor-widget-wcf--button .wcf__btn > a, { font-size: var(--fs-small) !important; line-height: var(--lh-body) !important; font-weight: 500 !important; text-transform: uppercase; } .bottom_menu_bar .wcf-nav-menu-container ul li { font-size: var(--fs-bottom-menu-bar) !important; line-height: var(--lh-body) !important; font-weight: 500 !important; text-transform: uppercase; } .context_nav .elementor-widget-wcf--button.slim_button .wcf__btn > a { font-size: var(--fs-slim-buttons) !important; } .bds-store-cta a { line-height: var(--lh-body) !important; font-weight: 500 !important; text-transform: uppercase; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .directions, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .zoomhere, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .action { font-family: 'Neue Haas Grotesk Display Pro'; font-weight: 500; text-transform: uppercase; color: #000 !important; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .sl-tag { font-family: 'Neue Haas Grotesk Display Pro'; font-size: var(--fs-small) !important; font-weight: normal; } .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-name, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-address, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-name { color: #000; font-weight: normal !important; } .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address::placeholder, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-name::placeholder, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-address::placeholder, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-name::placeholder { font-weight: normal !important; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .short-desc { font-weight: normal !important; font-style: normal; color: #FFFFFF70 !important; } .book_form input[type*="text"], .book_form input[type*="email"], .helo-base .book_form select:not(.flatpickr-monthDropdown-months), .book_form textarea, .cf7fpi-slot-btn { font-family: 'Neue Haas Grotesk Display Pro'; font-weight: bold; } .book_form input[type*="text"]::placeholder, .book_form input[type*="email"]::placeholder, .helo-base .book_form select:not(.flatpickr-monthDropdown-months)::placeholder, .book_form textarea::placeholder { font-weight: normal; } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-size: var(--fs-body); } footer, footer .elementor-widget-wcf--text, footer .elementor-widget-text-editor, footer .elementor-icon-list-text { font-size: var(--fs-body-small); line-height: var(--lh-large) !important; } footer .wcf--title { font-size: var(--fs-h6); text-transform: uppercase !important; } footer .copyright_text { font-size: var(--fs-small); } .drop_shadow .elementor-heading-title { text-shadow: 0 0 20px #000000; } /*HEADER*/ header { position: fixed; **background: #ff0000; } body:not(.admin-bar) header { position: fixed; top: 0; } body.admin-bar header { position: fixed; top: var(--wp-admin--admin-bar--height); } header { pointer-events: none; /* Disabilita interazioni sulle aree vuote */ } header .logo_container a { pointer-events: auto; /* Riattiva interazioni solo sul logo */ } header .buttons_container .wcf__btn a { pointer-events: auto; /* Riattiva interazioni solo sui due tasti */ } body.blank_header:not(.outlet_page):not(.extra_page):not(.boutique_page):not(.fuoristagione_page) #smooth-wrapper { padding-top: var(--header-height); } body.blank_header:not(.outlet_page):not(.extra_page):not(.boutique_page):not(.fuoristagione_page) #smooth-wrapper > #smooth-content { /*padding-top: 3rem;*/ padding-top: 0; } body.outlet_page.blank_header .hero_header, body.extra_page.blank_header .hero_header, body.boutique_page.blank_header .hero_header, body.fuoristagione_page.blank_header .hero_header { padding-top: var(--header-height); } body.outlet_page.blank_header .hero_header { background-color: var(--color-outlet); } body.extra_page.blank_header .hero_header { background-color: var(--color-extra); } body.boutique_page.blank_header .hero_header { background-color: var(--color-boutique); } body.fuoristagione_page.blank_header .hero_header { background-color: var(--color-fuoristagione); } .hero_header .elementor-element.elementor-pagination-position-outside .swiper { padding-bottom: 0 !important; } .fidelity_button .wcf__btn > a, .menu_button .wcf__btn > a { border: none !important; border-radius: 20px; padding: 12px; color: #000 !important; background: rgba(235, 235, 235, 0.40) !important; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(5px); cursor: pointer; } .fidelity_button .wcf__btn > a:hover, .menu_button .wcf__btn > a:hover { background: #000 !important; color: #FFF !important; } .fidelity_button .wcf__btn > a svg { color: #000 !important; } .fidelity_button .wcf__btn > a svg path { fill: currentColor !important; } .fidelity_button .wcf__btn > a:hover svg { color: #FFF !important; } .fidelity_button .wcf__btn > a:hover svg path { fill: currentColor !important; } /* megamenu */ #elementor-popup-modal-4905 { z-index: 9999999999 !important; } /*popup megamenu id*/ #elementor-popup-modal-4905 .dialog-message, #elementor-popup-modal-4905 aside, #elementor-popup-modal-4905 aside .megamenu_content_wrapper { height: calc(100vh - 32px) !important; min-height: calc(100vh - 32px) !important; } .elementor-popup-modal .dialog-widget-content { height: 100%; background: rgba(255, 255, 255, 0.60) !important; backdrop-filter: blur(15px); } #elementor-popup-modal-4905 .dialog-message { margin-top: -75px; } #elementor-popup-modal-4905 .dialog-close-button { position: relative; z-index: 2; width: 100%; inset-inline-end: unset; max-width: var(--content-width-megamenu); justify-content: end; margin: 0 auto; margin-top: 30px; padding-right: 15px; } #elementor-popup-modal-4905 a.dialog-close-button:focus-visible { outline-offset: 0 !important; outline: none !important; } aside .megamenu_content_wrapper { **max-width: calc(100vw - 100px) !important; margin: 0 !important; padding: 0 !important; } aside .megamenu_content_wrapper .top_row { padding-top: 40px; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container { margin-right: 70px; position: relative; z-index: 3; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul { width: 45%; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item {} aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item { padding: 0; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item span { width: 100%; display: block; position: relative; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item span:after { content: "\e928"; font-family: wcf-icon !important; font-size: 2rem; color: #878787; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; right: 15px; **top: 50%; **transform: translateY(-50%); top: 22px; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul:has(li.menu-item:hover) li span:after { opacity: 0.1; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .sub-menu { width: 100%; background: transparent !important; box-shadow: none !important; transform: none; top: 0 !important; transition: .2s !important; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .sub-menu .menu-item a { padding: 0; border-top: none; transition: .2s; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .sub-menu .menu-item a:hover { transition: .2s; opacity: 0.4; } aside .megamenu_content_wrapper .top_row .wcf__nav-menu.desktop-menu-active .wcf-nav-menu-container > ul > .menu-item > a::after { content: ''; position: absolute; left: 0; transform: none !important; transform-origin: none !important; height: 2px; width: 100%; background-color: #000; transition: .2s; opacity: 0; } aside .megamenu_content_wrapper .top_row .wcf__nav-menu.desktop-menu-active .wcf-nav-menu-container > ul > .menu-item:hover > a::after { transition: .3s; opacity: 1; } aside .megamenu_content_wrapper .top_row .wcf__nav-menu.desktop-menu-active .wcf-nav-menu-container > ul > .menu-item .sub-menu { border-top: 2px solid #000; } aside .megamenu_content_wrapper .bottom_row { padding-bottom: 40px; } aside .megamenu_content_wrapper .bottom_row .elementor-heading-title a { position: relative; } aside .megamenu_content_wrapper .bottom_row .elementor-heading-title a::after { content: ''; position: absolute; bottom: 3px; display: block; width: 100%; border-bottom: 1px solid #000; opacity: 0; transform: translate3d(-100%, 0, 0); transition: opacity 200ms, transform 200ms; } aside .megamenu_content_wrapper .bottom_row .elementor-heading-title a:hover:after { opacity: 1; transform: translate3d(0, 0, 0); } /* bottom_menu_bar */ .bottom_menu_bar { position: fixed !important; bottom: 50px; z-index: 9999 !important; width: auto; left: 50%; transform: translateX(-50%); } .bottom_menu_bar .wcf-nav-menu-container { border: none !important; border-radius: 30px; padding: 2px; background: rgba(235, 235, 235, 0.40) !important; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(5px); transition: background-color 0.3s ease; } .bottom_menu_bar .wcf-nav-menu-container ul { position: relative; flex-wrap: nowrap !important; } .bottom_menu_bar .wcf-nav-menu-container ul li.menu-item { padding: 11px 16px; border: none !important; border-radius: 30px; display: flex; flex-wrap: wrap; align-items: center; z-index: 3; } .bottom_menu_bar .wcf__nav-menu.desktop-menu-active li.menu-item a { padding: 0; color: #000; fill: #000; line-height: 1.9; } .bottom_menu_bar .wcf-nav-menu-container ul li.evolution_logo_menu_item a { position: relative; display: inline-block; padding: 0; width: 34px; height: 34px; font-size: 0 !important; color: transparent !important; } .bottom_menu_bar .wcf-nav-menu-container ul li.evolution_logo_menu_item a::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml;utf8,"); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; } .bottom_menu_bar .wcf-nav-menu-container ul li.extra_logo_menu_item a { position: relative; display: inline-block; padding: 0; width: 64px; height: 26px; color: transparent !important; } .bottom_menu_bar .wcf-nav-menu-container ul li.extra_logo_menu_item a::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml;utf8,"); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; } /*.bottom_menu_bar .wcf-nav-menu-container ul li.home_link.current-menu-item a::before { background-image: url("data:image/svg+xml;utf8,"); }*/ .bottom_menu_bar .wcf-nav-menu-container:hover { background: rgba(235, 235, 235, 0.60) !important; } .bottom_menu_bar .wcf-nav-menu-container ul li.boutique_link:not(.current-menu-item):not(.current-page-ancestor):hover > a { color: var(--color-boutique); } .bottom_menu_bar .wcf-nav-menu-container ul li.outlet_link:not(.current-menu-item):not(.current-page-ancestor):hover > a { color: var(--color-outlet); } .bottom_menu_bar .wcf-nav-menu-container ul li.extra_link:not(.current-menu-item):not(.current-page-ancestor):hover > a::before { background-image: url("data:image/svg+xml;utf8,"); } .bottom_menu_bar .wcf-nav-menu-container ul li.boutique_link.current-menu-item, .bottom_menu_bar .wcf-nav-menu-container ul li.boutique_link.current-page-ancestor { background-color: var(--color-boutique); } .bottom_menu_bar .wcf-nav-menu-container ul li.outlet_link.current-menu-item, .bottom_menu_bar .wcf-nav-menu-container ul li.outlet_link.current-page-ancestor { background-color: var(--color-outlet); } .bottom_menu_bar .wcf-nav-menu-container ul li.extra_link.current-menu-item, .bottom_menu_bar .wcf-nav-menu-container ul li.extra_link.current-page-ancestor { background-color: var(--color-extra); } :root{ --menu-height:64px; --transition-ms:260ms; --transition-ease:cubic-bezier(.2,.9,.3,1); } /* slider dinamica: sarà aggiunta via JS all'interno di .bm-list */ .bm-slider { position:absolute; top:50%; transform:translateY(-50%); height:calc(var(--menu-height) - 16px); left:0; width:0; background-color: #00000040; border-radius: 30px; box-shadow: 0 6px 18px rgba(10,20,30,0.08); pointer-events:none; opacity: 0; /* inizialmente nascosta */ z-index: 2; /* sotto il testo (z-index dei link è 3) */ transition: left var(--transition-ms) var(--transition-ease), width var(--transition-ms) var(--transition-ease), opacity calc(var(--transition-ms)) var(--transition-ease); will-change: left, width, opacity; } /*FOOTER*/ footer { margin-top: 5rem !important; } footer .newsletter_row { background-color: #878787; color: #000; padding-top: 4rem !important; padding-bottom: 4rem !important; } footer .footer_row { background-color: #000; color: #FFF; padding-top: 4rem !important; padding-bottom: 4rem !important; } footer .subfooter_row { background-color: #000; color: #FFF; } footer .newsletter_row .wpcf7-form p.small-text { margin-bottom: 0 !important; } footer .newsletter_row a:hover { color: #000 !important; text-decoration: underline; } footer .logo_push img { width: 314px; height: 25px; } footer .logo_push a:hover img { opacity: 0.5; } footer .footer_row .desktop-menu-active .menu-item a { padding: 0 0 10px 0 !important; } footer .copyright_text {} .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal { display: grid; grid-auto-flow: column; grid-auto-columns: auto; column-gap: var(--gap); align-items: center; width: 100%; } .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal > li:last-child { justify-self: end; } footer a:hover { color: #8B8B8B !important; fill: #8B8B8B !important; } body.outlet_page footer a:hover { color: var(--color-outlet) !important; fill: var(--color-outlet) !important; } body.extra_page footer a:hover { color: var(--color-extra) !important; fill: var(--color-extra) !important; } body.boutique_page footer a:hover { color: var(--color-boutique) !important; fill: var(--color-boutique) !important; } body.fuoristagione_page footer a:hover { color: var(--color-fuoristagione) !important; fill: var(--color-fuoristagione) !important; } .wcf-scroll-to-top { /*bottom: 1rem !important; right: unset !important; left: 1rem !important;*/ display: none !important; } /*CONTENT*/ body:not(.elementor-motion-effects-element-type-background), body > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #F5F5F5 !important; } body:not(.elementor-motion-effects-element-type-background), body > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: none !important;; } .hero_header {} .my_optimized_embed_video video { object-fit: cover; height: inherit; } .video_responsive_switch > .elementor-widget-html > .elementor-widget-container { height: 100vh; } /* tabellar_store_accordion |--helo-image-accordion |----header |------header-title |----body |------accordion-item |--------heading |----------title |--------template-content |----------store_row |------------main_col |--------------store_type |--------------store_category |------------time_col |------------address_col |--------gallary-image */ .tabellar_store_accordion {} .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content { padding-left: 25% !important; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .accordion-icon { position: absolute; right: 0; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row { padding: 20px 0; border-bottom: 1px solid #ddd; gap: 5px; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content > .elementor > .e-parent:last-child .store_row, .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content > .elementor > .e-parent.store_row:last-child { border-bottom: 0 !important; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row > .elementor-element { gap: 5px; } .elementor-widget-wcf--button .wcf__btn > a, .elementor-widget-wcf--button .wcf__btn > a:focus { background-color: #000; border-color: #000; color: #FFF; border-width: 1px; border-style: solid; padding: 11px 18px; border-radius: 20px; } .elementor-widget-wcf--button .wcf__btn > a:hover { background-color: transparent; color: #000; } /*.elementor-widget-wcf--button .wcf__btn > a:focus { background-color: #000 !important; color: #FFFFFF50 !important; }*/ .context_nav:not(.open) .elementor-widget-wcf--button.slim_button .wcf__btn > a { background-color: transparent !important; border-color: #000 !important; color: #000 !important; border-width: 1px; border-style: solid; padding: 6px 10px; border-radius: 20px; } .context_nav:not(.open) .elementor-widget-wcf--button.slim_button .wcf__btn > a:hover { background-color: #000 !important; color: #FFF !important; } .context_nav.open .elementor-widget-wcf--button.slim_button .wcf__btn > a { background-color: transparent; border-color: #000; color: #000; border-width: 1px; border-style: solid; padding: 8px 10px 6px; border-radius: 20px; } .context_nav.open .elementor-widget-wcf--button.slim_button .wcf__btn > a:hover { background-color: #000 !important; color: #FFF !important; } .elementor-widget-wcf--button.color_boutique .wcf__btn > a, .bds-filters-single button.color_boutique, .bds-store-cta.color_boutique > a { background-color: var(--color-boutique) !important; border-color: var(--color-boutique) !important; color: #000 !important; } .elementor-widget-wcf--button.color_outlet .wcf__btn > a, .bds-filters-single button.color_outlet, .bds-store-cta.color_outlet > a { background-color: var(--color-outlet) !important; border-color: var(--color-outlet) !important; color: #000 !important; white-space: nowrap; } .elementor-widget-wcf--button.color_extra .wcf__btn > a, .bds-filters-single button.color_extra, .bds-store-cta.color_extra > a { background-color: var(--color-extra) !important; border-color: var(--color-extra) !important; color: #000 !important; } .elementor-widget-wcf--button.color_boutique .wcf__btn > a:hover, .elementor-widget-wcf--button.color_outlet .wcf__btn > a:hover, .elementor-widget-wcf--button.color_extra .wcf__btn > a:hover, .bds-store-cta a:hover { background-color: transparent !important; color: inherit !important; } .white_button.elementor-widget-wcf--button .wcf__btn > a { background-color: #FFF; border-color: #FFF; color: #000; } .white_button.elementor-widget-wcf--button .wcf__btn > a:hover { background-color: transparent !important; backdrop-filter: blur(5px); border-color: #FFF !important; color: #FFF !important; } .context_nav {} /*slim_button*/ .collection_showcase_carousel { overflow: hidden; } .collection_showcase_carousel .content { display: none; } .elementor-skin-slideshow .elementor-main-swiper.swiper-horizontal { height: 80vh; } .elementor-skin-slideshow .elementor-main-swiper.elementor-thumbnails-swiper { height: auto; max-width: var(--content-width-megamenu); margin: 0 auto; } .elementor-widget-text-editor table.bds-store-hours, .elementor-widget-wcf--text table.bds-store-hours { margin-top: 0; } .elementor-widget-text-editor table.bds-store-hours td, .elementor-widget-wcf--text table.bds-store-hours td { padding: 0; color: #000; white-space: normal; vertical-align: top; padding-right: 5px; } .elementor-widget-text-editor table.bds-store-hours td.bds-hours-label, .elementor-widget-wcf--text table.bds-store-hours td.bds-hours-label { font-weight: 500; } /*tabellar_store_accordion_explose*/ @media screen and (min-width: 1280px) { .tabellar_store_accordion.all_explose .helo-image-accordion .heading .title:nth-child(2), .tabellar_store_accordion.all_explose .helo-image-accordion .body .accordion-item .heading .accordion-icon { display: none !important; } .tabellar_store_accordion.all_explose .helo-image-accordion .heading { background-color: #EBEBEB; padding-left: 10px; padding-right: 10px; cursor: unset; } .tabellar_store_accordion.all_explose .accordion-item .gallary-image { display: block !important; } .tabellar_store_accordion.all_explose .accordion-item .gallary-image-inner { display: none !important; } } @media screen and (max-width: 768px) { /* .tabellar_store_accordion.all_explose .helo-image-accordion .store_row { display: flex; flex-direction: row; justify-content: space-between; } .tabellar_store_accordion.all_explose .helo-image-accordion .store_row .main_col { width: auto; max-width: 50%; } .tabellar_store_accordion.all_explose .helo-image-accordion .store_row .time_col { display: none; } .tabellar_store_accordion.all_explose .helo-image-accordion .store_row .address_col { width: auto; display: flex; } .tabellar_store_accordion.all_explose .helo-image-accordion .store_row .address_col > .elementor-widget-text-editor { display: none; } */ .tabellar_store_accordion .helo-image-accordion .store_row { display: flex; flex-direction: row; justify-content: space-between; } .tabellar_store_accordion .helo-image-accordion .store_row .main_col { width: auto; max-width: 50%; } .tabellar_store_accordion .helo-image-accordion .store_row .time_col { display: none; } .tabellar_store_accordion .helo-image-accordion .store_row .address_col { width: auto; display: flex; } .tabellar_store_accordion .helo-image-accordion .store_row .address_col > .elementor-widget-text-editor { display: none; } .tabellar_store_accordion .helo-image-accordion .gallary-image .gallary-image-inner { display: none; } } .tabellar_store_accordion_explose.e-con>.e-con-inner { gap: 0; } .tabellar_store_accordion_explose .header { display: flex; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .tabellar_store_accordion_explose .header .heading-title { flex: 1; } .tabellar_store_accordion_explose .body { display: flex; padding: 20px 0; border-bottom: 1px solid #ddd; } .tabellar_store_accordion_explose .body > .title { width: 25%; } .tabellar_store_accordion_explose .body > .tabellar_store_accordion { width: 75%; } .tabellar_store_accordion:not(.all_explose) .helo-image-accordion .header .heading-title:nth-child(2), .tabellar_store_accordion:not(.all_explose) .helo-image-accordion .heading .title:nth-child(2) { padding-right: 35px; position: relative; } .tabellar_store_accordion:not(.all_explose) .helo-image-accordion .heading .title:nth-child(2):after { content: "\e928"; font-family: wcf-icon !important; color: #878787; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; right: 0; } .store_type_carousel .swiper-slide .wcf__btn a { display: inline-flex !important; gap: 10px !important; } .store_type_carousel.new_style {} .store_type_carousel.new_style .store_type_carousel_image { filter: grayscale(100%) contrast(100%); -webkit-filter: grayscale(100%); } .store_type_carousel.new_style .store_type_carousel_image { min-height: 65vh; } .store_type_carousel.new_style .boutique_carousel_slide > .elementor-element { background-color: var(--color-boutique); } .store_type_carousel.new_style .outlet_carousel_slide > .elementor-element { background-color: var(--color-outlet); } .store_type_carousel.new_style .extra_carousel_slide > .elementor-element { background-color: var(--color-extra); } .store_type_carousel.new_style .fuoristagione_carousel_slide > .elementor-element { background-color: var(--color-fuoristagione); } .store_type_carousel.new_style .boutique_carousel_slide .elementor-widget-wcf--button.color_boutique .wcf__btn > a, .store_type_carousel.new_style .outlet_carousel_slide .elementor-widget-wcf--button.color_outlet .wcf__btn > a, .store_type_carousel.new_style .extra_carousel_slide .elementor-widget-wcf--button.color_extra .wcf__btn > a, .store_type_carousel.new_style .fuoristagione_carousel_slide .elementor-widget-wcf--button.color_fuoristagione .wcf__btn > a { background-color: transparent !important; border-color: #000 !important; color: #000 !important; } .store_type_carousel.new_style .wcf--title { color: #000 !important; } .store_type_carousel.new_style .boutique_carousel_slide .elementor-widget-wcf--button.color_boutique .wcf__btn > a:hover { background-color: #000 !important; color: var(--color-boutique) !important; } .store_type_carousel.new_style .outlet_carousel_slide .elementor-widget-wcf--button.color_outlet .wcf__btn > a:hover { background-color: #000 !important; color: var(--color-outlet) !important; } .store_type_carousel.new_style .extra_carousel_slide .elementor-widget-wcf--button.color_extra .wcf__btn > a:hover { background-color: #000 !important; color: var(--color-extra) !important; } .store_type_carousel.new_style .fuoristagione_carousel_slide .elementor-widget-wcf--button.color_fuoristagione .wcf__btn > a:hover { background-color: #000 !important; color: var(--color-fuoristagione) !important; } /*Store Locator*/ body #asl-storelocator.asl-p-cont #asl-map-canv, body #asl-storelocator.asl-cont #asl-map-canv { height: 75vh !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section { background-color: #000 !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section .search_filter label { border-bottom: none !important; } .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-name, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-address, .storelocator_wrapper #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search .sl-search-group .asl-search-name { padding: .375rem .75rem; border: none; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox #style_0 .asl-buttons { padding-top: 0; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo i { color: #000 !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 h3, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .arrow-down { background-color: #000 !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .directions, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .zoomhere, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .action { padding: 11px 18px; border-radius: 20px !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .directions:hover, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .zoomhere:hover, .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons .action:hover { background: #FFF !important; color: #000 !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section { padding: 15px 0 !important; } .storelocator_wrapper #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section .search_filter { margin: 0 !important; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent { padding: 2px 10px 15px; display: flex; flex-direction: column; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .short-desc { order: 1; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .sl-addr-sec { order: 2; padding: 10px 0 !important; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr { order: 3; margin: 0 !important; } .storelocator_wrapper #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .asl-buttons { order: 4; } .asl-cont#asl-storelocator .Filter_section > .sl-row { margin: 0 !important; } /*Contact Form*/ #bds-search, input[type*="text"], input[type*="email"], .helo-base select:not(.flatpickr-monthDropdown-months), textarea { background-color: #F5F5F5 !important; } input[type*="text"]:not(.asl-search-address), input[type*="email"], .helo-base select:not(.flatpickr-monthDropdown-months), textarea { border: 1px solid #B0B0B0 !important; border-width: 0 0 1px 0 !important; width: 100% !important; height: unset !important; padding: 10px 15px !important; margin-bottom: 5px; } textarea { height: 100px !important; } .wcf--form-wrapper form label, .small-text, .wpcf7-form-control.wpcf7-file span { font-size: var(--fs-small); } .elementor-widget-wcf--contact-form-7 .wcf-btn-default { font-size: var(--fs-small) !important; line-height: var(--lh-body) !important; height: unset !important; font-weight: 500 !important; text-transform: uppercase; background-color: #000; border-color: #000; color: #FFF; border-width: 1px; border-style: solid; padding: 11px 18px; border-radius: 20px; } .elementor-widget-wcf--contact-form-7 .wcf-btn-default:enabled:hover { background-color: transparent; color: #000; } .wpcf7-not-valid-tip { font-size: var(--fs-small) !important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: var(--fs-small) !important;color: #dc3232; } .acceptance_label { display: block; margin: 20px 0; } .wpcf7-form p { margin-bottom: 15px; } input[type="file"] { display: block; width: 100%; font-size: var(--fs-small) !important; padding: 0.75em 1em; font-weight: 500; color: #333; background-color: #F5F5F5; border: 2px solid #ccc; border-radius: 6px; cursor: pointer; transition: border-color 0.3s ease, background-color 0.3s ease; } input[type="file"]:hover { border-color: #000; background-color: #eef6ff; } .wcf--form-wrapper .wpcf7 form .wpcf7-response-output { color: rgb(70, 180, 80); } fieldset, input[type="hidden"] { border: none !important; } .helo-base select:not(.flatpickr-monthDropdown-months) { color: #000; border-radius: 0 !important; text-transform: none !important; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E); background-position-x: calc(100% - 7px); background-position-y: 50%; background-repeat: no-repeat; } .book_form input[type*="text"], .book_form input[type*="email"], .helo-base .book_form select:not(.flatpickr-monthDropdown-months), .book_form textarea { } .wpcf7-form .p_no_margin p { margin-bottom: 0 !important; } /*.wpcf7-response-output { color: #; }*/ .wpcf7-not-valid-tip { color: #e3b5fa !important; } /*promo banner*/ .promo_banner_wrapper {} .promo-banner-ticker .elementor-icon { padding: 0 15px; font-size: 35px; } /* .promo_banner_wrapper.elementor-sticky.elementor-sticky--active {} .promo_banner_wrapper.elementor-sticky.elementor-sticky--active .promo-banner-ticker .text-slide-content .title { font-size: var(--fs-small); word-spacing: 0.5rem; padding-top: 5px; } .promo_banner_wrapper.elementor-sticky.elementor-sticky--active .promo-banner-ticker .elementor-icon { padding: 0 15px; font-size: 7px; } .promo_banner_wrapper.elementor-sticky.elementor-sticky--active .promo-banner-subrow .elementor-heading-title { font-size: var(--fs-xsmall); } */ body.outlet_page .current_color * { color: var(--color-outlet) !important; fill: var(--color-outlet) !important; } body.extra_page .current_color * { color: var(--color-extra) !important; fill: var(--color-extra) !important; } body.boutique_page .current_color * { color: var(--color-boutique) !important; fill: var(--color-boutique) !important; } body.fuoristagione_page .current_color {} body.outlet_page .bg_current_color * { background-color: var(--color-outlet) !important; color: #000 !important; } body.extra_page .bg_current_color * { background-color: var(--color-extra) !important; color: #000 !important; } body.boutique_page .bg_current_color * { background-color: var(--color-boutique) !important; color: #000 !important; } body.fuoristagione_page .bg_current_color {} /*extra*/ body.extra_page { background-color: var(--color-extra) !important; } body.extra_page .elementor-widget-wcf--button.color_extra .wcf__btn > a { background-color: #000 !important; border-color: #000 !important; color: var(--color-extra) !important; } body.extra_page .elementor-widget-wcf--button.color_extra .wcf__btn > a:hover { background-color: transparent !important; color: #000 !important; } body.extra_page .tabellar_store_accordion .helo-image-accordion .header .heading-title, .tabellar_store_accordion_explose .header .heading-title { color: #000 !important; } @media screen and (min-width: 1280px) { body.extra_page .tabellar_store_accordion.all_explose .helo-image-accordion .heading { background-color: #00000030; } } body.extra_page .helo-image-accordion .accordion-item:first-child .heading, body.extra_page .helo-image-accordion .heading, body.extra_page .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row, body.extra_page .helo-image-accordion .gallary-image .gallary-image-inner { border-color: #00000060; } body.extra_page .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row .store_category, body.extra_page .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_category { color: #000; } body.extra_page .store_type_carousel.new_style .extra_carousel_slide > .elementor-element > .elementor-element:not(.store_type_carousel_image) { border: 1px solid #00000020; } .big_banner_promo { padding: 0 !important; overflow: hidden !important; } .big_banner_promo .big_banner_image img { width: 100%; } .big_banner_backlight { min-height: 80vh !important; } body.policy_page p { margin-top: 0rem; margin-bottom: 1rem; } .tab-content table, .tab-content th, .tab-content td { border: 1px solid #DDD; white-space: normal !important; font-size: var(--fs-small); } .tab-content table { border-collapse: collapse; margin: 45px 0; width: 100%; } /* Instagram Feed */ .sbi-header { display: none !important; } /*popup BF*/ #elementor-popup-modal-9150 .dialog-widget-content { height: auto !important; } /*GRID*/ .container { width: 100%; padding-right: var(--bs-gutter-x,15px); padding-left: var(--bs-gutter-x,15px); margin-right: auto; margin-left: auto; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 1200px) { div[class*='vc_col-lg'] { flex: 0 0 auto; } .vc_col-lg-1 { width: calc(100%/12 * 1); } .vc_col-lg-2 { width: calc(100%/12 * 2); } .vc_col-lg-3 { width: calc(100%/12 * 3); } .vc_col-lg-4 { width: calc(100%/12 * 4); } .vc_col-lg-5 { width: calc(100%/12 * 5); } .vc_col-lg-6 { width: calc(100%/12 * 6); } .vc_col-lg-7 { width: calc(100%/12 * 7); } .vc_col-lg-8 { width: calc(100%/12 * 8); } .vc_col-lg-9 { width: calc(100%/12 * 9); } .vc_col-lg-10 { width: calc(100%/12 * 10); } .vc_col-lg-11 { width: calc(100%/12 * 11); } .vc_col-lg-12 { width: calc(100%/12 * 12); } } @media (min-width: 769px) { div[class*='vc_col-md'] { flex: 0 0 auto; } .vc_col-md-1 { width: calc(100%/12 * 1); } .vc_col-md-2 { width: calc(100%/12 * 2); } .vc_col-md-3 { width: calc(100%/12 * 3); } .vc_col-md-4 { width: calc(100%/12 * 4); } .vc_col-md-5 { width: calc(100%/12 * 5); } .vc_col-md-6 { width: calc(100%/12 * 6); } .vc_col-md-7 { width: calc(100%/12 * 7); } .vc_col-md-8 { width: calc(100%/12 * 8); } .vc_col-md-9 { width: calc(100%/12 * 9); } .vc_col-md-10 { width: calc(100%/12 * 10); } .vc_col-md-11 { width: calc(100%/12 * 11); } .vc_col-md-12 { width: calc(100%/12 * 12); } } @media (min-width: 768px) { .container { max-width: 720px; } /*.col-md-6 { flex: 0 0 auto; width: 50%; }*/ div[class*='col-sm-'] { flex: 0 0 auto; } .col-sm-1 { width: calc(100%/12 * 1); } .col-sm-2 { width: calc(100%/12 * 2); } .col-sm-3 { width: calc(100%/12 * 3); } .col-sm-4 { width: calc(100%/12 * 4); } .col-sm-5 { width: calc(100%/12 * 5); } .col-sm-6 { width: calc(100%/12 * 6); } .col-sm-7 { width: calc(100%/12 * 7); } .col-sm-8 { width: calc(100%/12 * 8); } .col-sm-9 { width: calc(100%/12 * 9); } .col-sm-10 { width: calc(100%/12 * 10); } .col-sm-11 { width: calc(100%/12 * 11); } .col-sm-12 { width: calc(100%/12 * 12); } } @media (min-width: 992px) { .container { max-width: 960px; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } @media (max-width:767px) { .vc_hidden-xs { display: none !important; } } @media (min-width:768px) and (max-width:991px) { .vc_hidden-sm { display: none !important; } } @media (min-width:992px) and (max-width:1199px) { .vc_hidden-md { display: none !important; } } @media (min-width:1200px) { .vc_hidden-lg { display: none !important; } } /*RESPONSIVE*/ /*controllare responsive su PORTRAIT*/ @media screen and (min-width: 1024px) and (orientation: portrait) { body.outlet_page.blank_header .hero_header, body.extra_page.blank_header .hero_header, body.boutique_page.blank_header .hero_header, body.fuoristagione_page.blank_header .hero_header { min-height: 35vh; } .store_type_carousel.new_style .store_type_carousel_image, .store_type_carousel_image { min-height: 35vh !important; } .boxed_bg_photo { min-height: 25vh; } .story_line_wrapper { margin-bottom: 20vh; } .story_line_item { min-height: 20vh; } .big_banner_backlight { min-height: 40vh !important; } } @media (aspect-ratio: 4/3) { body.outlet_page.blank_header .hero_header, body.extra_page.blank_header .hero_header, body.boutique_page.blank_header .hero_header, body.fuoristagione_page.blank_header .hero_header { min-height: 35vh; } .store_type_carousel.new_style .store_type_carousel_image, .store_type_carousel_image { min-height: 20vh !important; } .boxed_bg_photo { min-height: 30vh; } .story_line_wrapper { margin-bottom: 20vh; } } @media screen and (min-width: 2560px) { .store_type_carousel.new_style .store_type_carousel_image, .store_type_carousel_image { min-height: 45vh !important; } .boxed_bg_photo { min-height: 25vh; } .big_banner_backlight { min-height: 70vh !important; } } @media screen and (max-width: 1720px) { aside .megamenu_content_wrapper > .e-con-inner { padding: 0 20px; } #smooth-content > .elementor > .e-con:not(.promo-banner):not(.video_responsive_switch):not(.brand_carousel_wrapper):not(.footer_wrapper):not(.nopadding) { --padding-inline-start: 20px; --padding-inline-end: 20px; } footer .newsletter_row, footer .footer_row, footer .subfooter_row { --padding-inline-start: 20px; --padding-inline-end: 20px; } } @media screen and (max-width: 1440px) { :root { --fs-slim-buttons: clamp(0.5rem, 0.5vw, 0.65rem); } } @media screen and (max-width: 1366px) { :root { --fs-big-menu: clamp(3.5rem, 3.2vw, 4rem); } .tabellar_store_accordion .helo-image-accordion .header, .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row, .tabellar_store_accordion_explose .header, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row { gap: 15px; } footer .elementor-widget .elementor-icon-list-icon i { font-size: 16px; width: 20px; } } @media screen and (max-width: 1280px) { .context_nav .context_nav_text * { font-size: var(--fs-xsmall) !important; } /*slim_button*/ .context_nav .elementor-widget-wcf--button.slim_button .wcf__btn > a { padding: 4px 6px; } } @media screen and (max-width: 1024px) { :root { --fs-big-menu: clamp(2.8rem, 8vw, 3.2rem); --fs-medium-menu: clamp(2rem, 4vw, 2.8rem); } .bds-filters-single label { flex-basis: 100%; } .elementor-skin-slideshow .elementor-main-swiper.swiper-horizontal { height: 60vh; } .elementor-skin-slideshow .elementor-main-swiper.elementor-thumbnails-swiper { height: auto !important; } } @media screen and (max-width: 768px) { :root { --fs-slim-buttons: clamp(0.7rem, 0.75vw, 0.85rem); } .context_nav .context_nav_text * { font-size: var(--fs-small) !important; } /*slim_button*/ .context_nav .elementor-widget-wcf--button.slim_button .wcf__btn > a { padding: 12px 16px 10px; } body.outlet_page.blank_header .hero_header, body.extra_page.blank_header .hero_header, body.boutique_page.blank_header .hero_header, body.fuoristagione_page.blank_header .hero_header { min-height: 25vh; } #elementor-popup-modal-4905 .dialog-message, #elementor-popup-modal-4905 aside, #elementor-popup-modal-4905 aside .megamenu_content_wrapper { height: 100vh !important; min-height: 100vh !important; } #elementor-popup-modal-4905 .dialog-message { margin-top: -45px; } #elementor-popup-modal-4905 .dialog-close-button { margin-top: 5px; } aside .megamenu_content_wrapper .top_row { padding-top: 20px; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul { width: 100%; display: block; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item { line-height: var(--lh-large) !important; } aside .megamenu_content_wrapper .top_row .wcf__nav-menu.desktop-menu-active .wcf-nav-menu-container > ul > .menu-item > a::after { content: none; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item span:after { content: "\e929"; top: 15px; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul:has(li.menu-item:hover) li span:after { opacity: 1; } #menu-megamenu .sub-menu { position: relative; top: 0 !important; left: 0 !important; display: block; padding-left: 1.2rem; height: 0; overflow: hidden; opacity: 0; transform: translateY(-6px); transition: height 320ms ease, opacity 220ms ease, transform 320ms ease; } #menu-megamenu li.active > .sub-menu { opacity: 1; visibility: visible !important; transform: translateY(0); padding-top: 1rem; padding-bottom: 1rem; } .bds-filters-single { row-gap: 15px; column-gap: 35px; } .boxed_bg_photo { min-height: 20vh; } .story_line_item { min-height: 15vh; } .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal { display: block; } .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal > li:last-child { justify-self: unset; } } @media screen and (max-width: 767px) { :root { /*--fs-small: clamp(1rem, 0.7vw, 0.88rem);*/ --fs-small: clamp(0.9rem, 0.6vw, 0.88rem); --fs-big-menu: clamp(2.8rem, 10vw, 3.2rem); --fs-medium-menu: clamp(2rem, 8vw, 2.8rem); } h2, .h2 { letter-spacing: 1px; } h4, .h4 { letter-spacing: normal; } .menubar_head { max-height: var(--mobile-menubar-head); } /*.hero_header { margin-top: var(--mobile-menubar-head-offset); }*/ .bottom_menu_bar .wcf-nav-menu-container ul li.evolution_logo_menu_item a { width: 36px; height: 36px; } .bottom_menu_bar .wcf-nav-menu-container ul li { font-size: 1rem !important; } .bottom_menu_bar .wcf-nav-menu-container ul li.extra_logo_menu_item a { width: 60px; height: 20px; } /*body.admin-bar .dialog-type-lightbox { height: calc(100vh - var(--wp-admin--admin-bar--height)); }*/ #elementor-popup-modal-4905 .dialog-message, #elementor-popup-modal-4905 aside, #elementor-popup-modal-4905 aside .megamenu_content_wrapper { height: 95vh !important; min-height: 95vh !important; } aside .megamenu_content_wrapper > .e-con-inner { padding: 0; } aside .megamenu_content_wrapper > .e-con-inner { flex-direction: row !important; align-content: space-between !important; } aside .megamenu_content_wrapper .top_row { min-height: unset; } aside .megamenu_content_wrapper .bottom_row { flex-direction: column !important; gap: 15px; } aside .megamenu_content_wrapper .top_row .wcf-nav-menu-container > ul .menu-item .wcf-nav-item span:after { top: 10px; } body.outlet_page.blank_header .hero_header, body.extra_page.blank_header .hero_header, body.boutique_page.blank_header .hero_header, body.fuoristagione_page.blank_header .hero_header { min-height: 25vh; } .store_type_carousel_wrapper { --padding-inline-start: 10px !important; --padding-inline-end: 10px !important; } .store_type_carousel.new_style .store_type_carousel_image, .store_type_carousel_image { min-height: 45vh !important; } .big_banner_backlight { min-height: 28vh !important; } .tabellar_store_accordion .helo-image-accordion .heading { position: relative; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .accordion-icon { top: 50%; transform: translateY(-50%); } .tabellar_store_accordion .helo-image-accordion .header, .tabellar_store_accordion_explose .header { display: none; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .title:nth-child(2) { padding-right: 35px; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .title:nth-child(3), .tabellar_store_accordion .helo-image-accordion .body .accordion-item .heading .title:nth-child(4) { display: none; } .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content { padding: 0 0 0 15px !important; } .tabellar_store_accordion_explose > .e-con-inner { border-top: 1px solid #ddd; } .tabellar_store_accordion_explose .body > .title, .tabellar_store_accordion_explose .body > .tabellar_store_accordion { width: 100%; } .tabellar_store_accordion .helo-image-accordion .header, .tabellar_store_accordion .helo-image-accordion .body .accordion-item .template-content .store_row, .tabellar_store_accordion_explose .header, .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row { gap: 10px; } .tabellar_store_accordion_explose .body .tabellar_store_accordion .store_row .main_col { gap: 10px; } .tabellar_store_accordion:not(.all_explose) .helo-image-accordion .heading .title:nth-child(2):after { content: ""; } .tabellar_store_accordion .elementor-widget-wcf--button .wcf__btn > a { padding: 10px !important; } .story_line_item { min-height: unset !important; } .story_line_item .sub_image_row { position: relative !important; top: unset !important; right: unset !important; bottom: unset !important; left: unset !important; } .store_detail_data_grid { display: block; } .store_detail_data_grid > .elementor-element { margin-bottom: 25px !important; } #bds-search { padding: 20px 15px; } footer { margin-top: 2rem !important; } .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal { display: block; } .policy_menu ul.wcf-nav-menu-nav.menu-layout-horizontal > li:last-child { justify-self: unset; } #chatbase-bubble-button { right: 5px !important; bottom: 5px !important; } /*.wcf-scroll-to-top { bottom: 5px !important; }*/ #chatbase-message-bubbles { display: none !important; } } /*STORE CONTEXT MENU*/ /* Default: tutto nascosto per prevenire flash finché JS non prende il controllo */ .context_nav, .context-nav-toggle, .context-overlay, .context-nav-label { visibility: hidden; opacity: 0; pointer-events: none; } .context-nav-toggle:after { content: ''; display: block; height: 150px; width: 50px; position: absolute; top: 0; } /* Dopo che lo script è caricato mostriamo SOLO il toggle (non pannello/overlay/label ancora) */ html.js-context-nav .context-nav-toggle { visibility: visible; opacity: 1; pointer-events: auto; } /* Quando lo script dichiara "ready" mostriamo il pannello (ma sempre OFFSCREEN fino a quando non lo apri) L'overlay NON viene mostrato automaticamente: resta nascosto finché non ha la classe .visible Il label verrà mostrato solo quando il pannello è CHIUSO (gestito da JS aggiungendo/remuovendo classi) */ html.js-context-nav-ready .context_nav { visibility: visible; opacity: 1; pointer-events: auto; } @media (max-width: 900px) { .context_nav { position: fixed; box-sizing: border-box; background: rgba(0, 0, 0, 0.95) !important; backdrop-filter: blur(5px); box-shadow: 0 8px 24px rgba(0,0,0,.18); border-radius: 8px 0 0 8px; padding: 16px; width: max-content; max-width: 88vw; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translateX(110vw); transition: transform 320ms cubic-bezier(.2,.8,.2,1); z-index: 10002; right: 0; top: 0; } .context_nav.open { transform: translateX(0) !important; } .context_nav .context_nav_text { color: #FFF !important; margin-bottom: 8px !important; } /*slim_button*/ body.extra_page .context_nav .elementor-widget-wcf--button.color_extra .wcf__btn > a { background-color: var(--color-extra) !important; border-color: var(--color-extra) !important; color: #000 !important; } body.extra_page .elementor-widget-wcf--button.color_extra .wcf__btn > a:hover { background-color: transparent !important; color: #FFF !important; } .context-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.38); z-index: 10001; opacity: 0; pointer-events: none; transition: opacity 200ms ease; visibility: hidden; } .context-overlay.visible { visibility: visible; opacity: 1; pointer-events: auto; } .context-nav-toggle { position: fixed; right: 0; left: auto; width: 56px; height: 48px; border-radius: 24px 0 0 24px; color: #FFF !important; background: rgba(0, 0, 0, 0.90) !important; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(5px); display: grid; place-items: center; transition: top 160ms ease, background 160ms ease, transform 160ms ease; z-index: 10003; pointer-events: auto; } .context-nav-toggle.attached { background: #000 !important; color: #FFF; border-left: 1px solid rgba(0,0,0,0.06); border-right: none; box-shadow: none; } .context-nav-toggle svg { width: 18px; height: 18px; fill: currentColor; display:block; } .context-nav-label { position: fixed; right: 0; display: inline-block; padding: 8px 6px; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 1.093px; word-spacing: 1px; color: #FFF !important; background: rgba(0, 0, 0, 0.90) !important; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(5px); z-index: 10002; pointer-events: none; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); transform-origin: center; white-space: nowrap; transition: opacity 160ms ease; } .context-nav-toggle:focus, .context-nav-label:focus { background: #000 !important; } .context-nav-toggle:hover ~ .context-nav-label, .context-nav-toggle:focus ~ .context-nav-label, .context-nav-toggle:focus-visible ~ .context-nav-label, .context-nav-toggle:hover + .context-nav-label, .context-nav-toggle:focus + .context-nav-label, .context-nav-toggle:focus-visible + .context-nav-label { background: #000 !important; } .context-nav-label:hover ~ .context-nav-toggle, .context-nav-label:focus ~ .context-nav-toggle, .context-nav-label:focus-visible ~ .context-nav-toggle, .context-nav-label:hover + .context-nav-toggle, .context-nav-label:focus + .context-nav-toggle, .context-nav-label:focus-visible + .context-nav-toggle { background: #000 !important; } html.js-context-nav-ready .context-nav-label.label-visible { visibility: visible; opacity: 1; pointer-events: none; } html.js-context-nav-ready .context-nav-label.label-hidden { visibility: hidden; opacity: 0; pointer-events: none; } .context_nav.limited-width { max-width: calc(100vw - 56px - 8px); } } @media (min-width: 901px) { .context_nav { position: static !important; width: 30% !important; visibility: visible !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; right: auto !important; top: auto !important; z-index: auto !important; pointer-events: auto !important; } .context-nav-toggle { display: none !important; } .context-overlay { display: none !important; } .context-nav-label { display: none !important; } }