/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " BOTTARO " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { top: 0; left: 0; z-index: 4; transition: .25s ease-out; } header.stuck { transform: translateY(-2.75em); } .head_wrapper { background-color: rgb(var(--white-rgb) / 90%); box-shadow: 0 0 .5em rgb(10 10 10 / 12.5%); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 2; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; width: fit-content; height: 4em; padding: 1em; } .head_logo :where(img, svg) { object-fit: contain; width: 100%; height: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ QUICK MENU ( mobile ) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #head_quick_menu { grid-template-columns: 1fr 1fr 1fr; z-index: 2; } #head_quick_menu a { padding: .5em; min-height: 3.5em; border-right: 1px solid rgb(var(--white-rgb) / 12.5%); font: 500 75% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; } #head_quick_menu a:last-of-type { border: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sub_menu_btn { display: none; min-height: 100%; padding: 1em; gap: .5em; font: 700 100% / 1.25 var(--main-font); color: var(--blue); } .sub_menu_btn span { display: inline-block; } .sub_menu_btn svg { width: 1em; } .sub_menu_btn svg path { fill: var(--blue); } #head_search { gap: .75em; padding: 1em 1em; color: var(--grey); } #head_search span { display: none; } #head_search svg { width: 1.5em; min-width: 1.5em; } #head_search svg path { fill: var(--blue); } #head_lang .wpml-ls-legacy-dropdown-click { width: fit-content; background: transparent; } #head_lang .wpml-ls-flag { display: none; } #head_lang .wpml-ls-current-language > a { width: max-content; min-width: max-content; padding: .75em 1em; border: 0; background: transparent; font: 500 100% / 1 var(--main-font); color: var(--blue); text-transform: uppercase; text-align: center; cursor: pointer; } #head_lang a span { display: block; margin: 0; } #head_lang a.wpml-ls-item-toggle:after { position: relative; top: auto; right: auto; opacity: 0; } #head_lang > svg { position: absolute; bottom: .75em; right: 50%; transform: translateX(50%); width: .75em; } #head_lang > svg path { fill: var(--blue); transition: .25s ease; } #head_lang .wpml-ls-sub-menu { position: absolute; top: calc(100% - .5em); left: auto; right: -.5em; width: max-content; border-radius: .5rem; overflow: hidden; background-color: var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 25%); } #head_lang .wpml-ls-sub-menu li {} #head_lang .wpml-ls-sub-menu li a { display: flex; align-items: center; justify-content: space-between; gap: .5em; padding: .75em 1em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); text-transform: uppercase; } #head_lang .wpml-ls-sub-menu li a img { display: inline-block; width: 1em; } #head_lang .wpml-ls-sub-menu li a span { display: inline-block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #hamburger { display: inline-block; padding: 1em; font-size: var(--rem); line-height: 0; overflow: visible; cursor: pointer; transition: .25s ease; } #hamburger .wrap { width: 2em; height: 2em; } #hamburger span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 2em; height: 2px; background-color: var(--blue); transform-origin: center; will-change: transform; transition: .25s ease; } #hamburger .top_bun { top: .125em; } #hamburger .burger { display: none; top: calc(50% - 1px); } #hamburger .bottom_bun { bottom: .125em; } /* Tapped / Clicked animation */ #hamburger.tapped span { background-color: var(--blue); transition: .25s ease; } #hamburger.tapped .burger { opacity: 0; } #hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); } #hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SUB MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sub_menu { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav { display: none; position: absolute; top: 0; left: 0; min-height: 100%; z-index: 1; } #main_nav .menu_wrapper { top: 6.5em; left: 0; height: calc(100% - 6.5em); padding: 1em calc(var(--c5o) - 10px)1em var(--c5o); background-color: var(--white); } header.stuck #main_nav .menu_wrapper { height: calc(100% - 3.75em); } .menu_shade { background: linear-gradient(to bottom, rgb(var(--blue-rgb) / 100%) 0%, rgb(var(--white-rgb) / 100%) 100%); opacity: .125; } #main_nav .menu-menu-container { position: relative; width: 100%; max-height: 100%; overflow-y: scroll; } #main_nav .menu-menu-container::-webkit-scrollbar { width: 10px; background-color: transparent; } #main_nav .menu-menu-container::-webkit-scrollbar-thumb { width: 10px; border-radius: 20em; background-color: rgb(var(--blue-rgb) / 25%); } #main_nav .menu {} #main_nav .menu li { font: inherit; line-height: 1; } #main_nav .menu li.current-menu-item a, #main_nav .menu .sub-menu li.current-menu-item a { color: var(--grey); } #main_nav .menu li a { display: inline-block; padding: .25em; } #main_nav .menu li a:hover {} #main_nav .menu li.menu_parent > a { display: flex; align-items: center; justify-content: space-between; padding: 1em 0.5em 1em 0; border-top: 1px solid rgb(var(--blue-rgb) / 25%); font: 600 125% / 1.25 var(--main-font); color: var(--blue); } #main_nav .menu li.menu_parent:first-of-type > a { border-top: 0; } #main_nav .menu li.menu_parent > a::after { display: inline-block; content: ''; width: 1em; height: 1em; background: url(../images/svg/accordion_arrow.svg) no-repeat center / 100%; transition: .25s ease; } #main_nav .menu li.menu_parent > a.active::after { transform: scaleY(-1); } #main_nav .menu .sub-menu { display: none; margin: 0 .5em 1.25em 0; padding: .675em 0; border-radius: .75rem; background: rgb(var(--white-rgb) / 50%); border: 1px solid rgb(var(--blue-rgb) / 12.5%); } #main_nav .menu .sub-menu li {} #main_nav .menu .sub-menu li a { width: 100%; padding: .675em 1.25em; font-weight: 500; color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SMART SEARCH + OVERLAY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #overlay_menu { display: none; top: 0; left: 0; z-index: 3; background-color: rgb(var(--blue-rgb) / 75%); backdrop-filter: blur(5px); -webkit-filter: blur(5px); } #overlay_blur { display: none; top: 0; left: 0; z-index: 6; background-color: rgb(var(--blue-rgb) / 75%); backdrop-filter: blur(5px); -webkit-filter: blur(5px); } #search_card { display: none; top: 1.5em; left: 50%; transform: translate(-50%, 0%); width: calc(100% - var(--c10o)); max-width: 1024px; z-index: 6; } #search_card .search_head .flex-t { gap: 1em; } #search_card .search_head h3 { font: 700 150% / 1.25 var(--title-font); } #search_card .search_head h3 + p { margin-top: 0; } #search_card .search_head p { font-weight: 500; } #search_card .search_head .close { width: 2.75rem; min-width: 2.75rem; padding: .75rem; background: var(--white); border-radius: 20em; transition: .25s ease; } #search_card .search_head .close svg { width: 100%; } #search_card .search_head .close svg path { fill: var(--blue); transition: .25s ease; } #search_card .search_input { margin-top: .5em; } #search_card .search_input input { width: 100%; padding: .75em 2.5em .75em 1em; border-radius: .75rem; font: 400 100% / 1.25 var(--main-font); color: var(--blue); } #search_card .search_input .abs { top: 50%; right: 1em; transform: translateY(-50%); } #search_card .search_input .abs.ajax_spinner { display: none; } #search_card .search_input :where(svg, img) { width: 1em; } #search_card .search_input svg path { fill: var(--blue); } #search_card .custom_serach_wrapper { margin-top: 1em; max-height: calc(100dvh - 11em); overflow-y: scroll; background-color: var(--white); border-radius: .75rem; } #search_card .custom_serach_wrapper::-webkit-scrollbar { width: 10px; background: transparent; } #search_card .custom_serach_wrapper::-webkit-scrollbar-thumb { width: 10px; border-radius: 20em; background: var(--blue); } #search_card .single_result {} #search_card .single_result + .single_result { margin-top: 1em; border-top: 1px solid rgb(var(--blue-rgb) / 75%); } #search_card .single_result > h5 { padding: 1rem; background: var(--grey-l); font: 700 150% / 1.25 var(--title-font); color: var(--blue); } #search_card .single_result li a { padding: 1em .5em 1em 1em; gap: 1em; font: 600 100% / 1 var(--main-font); color: var(--grey); } #search_card .single_result li a::before { display: inline-block; content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 2em); height: 1px; border-top: 1px solid rgb(10 10 10 / 12.5%); } #search_card .single_result li a picture { width: 35%; min-width: 35%; border: 1px solid rgb(10 10 10 / 12.5%); border-radius: .5rem; } #search_card .single_result li a picture svg.link_ico { width: 2.5rem; } #search_card .single_result li a picture svg.link_ico path { fill: rgb(var(--grey-rgb) / 50%); } #search_card .single_result li a .text { gap: .5em; } #search_card .single_result li a .text span {} #search_card .single_result li a .text button { width: 1.5em; min-width: 1.5em; } #search_card .single_result#result_products li a { font-weight: 700; font-size: 112.5%; } #search_card .single_result#result_products li a picture img { object-fit: contain; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link { display: block; position: relative; width: fit-content; padding: .5em 1em; background-color: var(--white); border: 2px solid var(--blue); border-radius: .5em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); text-transform: uppercase; cursor: pointer; transition: .25s ease; } .link:hover, .link:focus, .link:active { background-color: var(--blue-l); color: var(--white); } .link.link_b { background-color: var(--blue); color: var(--white); } .link.link_b:hover { background-color: var(--ice); color: var(--blue); } .link.link_red { background-color: var(--red); border-color: var(--red); color: var(--white); } .link.link_red:hover { background-color: var(--white); color: var(--red); } .link.link_inline { padding: 0; background: transparent; border: 0; border-radius: 0; line-height: 1.5; text-decoration: underline; } .link.link_inline:hover { color: var(--blue-l); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_blue { background-color: var(--blue); mix-blend-mode: multiply; opacity: .5; } .card_filter { top: auto; bottom: 0; height: 50%; background: linear-gradient(to bottom, rgb(204 224 244 / 0%) 0%, rgb(10 10 10 / 95%) 100%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .rounded { border-radius: .75rem; overflow: hidden; } .blue { background-color: var(--blue); } .grey { background-color: rgb(var(--grey-rgb) / 25%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #scroll_btn { display: inline-block; width: 2.25rem; height: 3.5rem; position: absolute; left: 50%; bottom: var(--c10v); transform: translateX(-50%); border: 2px solid var(--white); border-radius: 1rem; cursor: pointer; z-index: 1; } #scroll_btn span { position: absolute; top: .75rem; left: 50%; transform: translateX(-50%); transform-origin: center top; display: block; width: 2px; height: .75rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); background-color: var(--white); border-radius: 20em; animation: hang_scroll 1s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { from { transform: translate(-50%, 0%); } to { transform: translate(-50%, 75%); } } #scroll_btn:hover { background-color: var(--blue-l); } #scroll_btn:hover span, #scroll_btn:focus span, #scroll_btn:active span { animation-play-state: paused; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .nav_btn { top: 50%; transform: translateY(-50%); width: 3.5em; padding: .75em; z-index: 1; cursor: pointer; transition: .25s ease; } .nav_btn :where(img, svg) { width: 100%; } .nav_btn svg path { fill: var(--blue); transition: .25s ease; } .nav_prev { left: 0; } .nav_next { right: 0; } .nav_btn.swiper-button-disabled { display: none; } /* Dots */ #s3_home .slider_dots, #sec_sostenibilita .slider_dots, #sec_blog .slider_dots, #s3_logistica .slider_dots, #s1_single_product .slider_dots, #s3_single .slider_dots { position: relative; top: auto; bottom: auto; left: auto; gap: .5em; } #s3_home .slider_dots span, #sec_sostenibilita .slider_dots span, #sec_blog .slider_dots span, #s3_logistica .slider_dots span, #s1_single_product .slider_dots span, #s3_single .slider_dots span { margin: 0; width: .75em; height: .75em; border: 1px solid var(--blue); border-radius: 20em; background-color: transparent; opacity: 1; transition: .25s ease; } #s3_home .slider_dots span.swiper-pagination-bullet-active, #sec_sostenibilita .slider_dots span.swiper-pagination-bullet-active, #sec_blog .slider_dots span.swiper-pagination-bullet-active, #s3_logistica .slider_dots span.swiper-pagination-bullet-active, #s1_single_product .slider_dots span.swiper-pagination-bullet-active, #s3_single .slider_dots span.swiper-pagination-bullet-active { background-color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ main { z-index: 1; } .sec_title p:not(.h2, .h3, .h4, .h5, .h6) { font: 500 87.5% / 1.25 var(--main-font); color: var(--blue); text-transform: uppercase; } .sec_title.white p:not(.h2, .h3, .h4, .h5, .h6) { color: var(--white); } .text.tac > .link, .text.tac_mobile > .link { margin-left: auto; margin-right: auto; } .text .pre_title { font: 500 100% / 1.5 var(--main-font); color: var(--blue); text-transform: uppercase; } .text.white .pre_title { color: var(--white); } .text p iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } .tag_list { gap: .5em; } .tag_list li { display: block; list-style: none; margin: 0; padding: .5em 1.25em; border-radius: 20em; background-color: var(--green-d); font: 500 87.5% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; } .tag_list li.date { background-color: var(--blue); text-transform: none; } .tag_list li a { font: inherit; } .text table, .text .tablepress { border: 1px solid var(--grey); background-color: var(--white); } .text .tablepress caption a { margin-top: .5em; padding: .5em 0; text-decoration: underline; } .text .tablepress caption a:hover { color: var(--blue-l); } .tablepress img{max-width: 100%;} .wp-caption { width: 100% !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sidebar { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #sidebar .text { padding: 1em 1.5em; } #sidebar .text h3 { font: 600 150% / 1.125 var(--title-font); } #sidebar #form { padding: 1.5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #breadcrumb { gap: .5em; } #breadcrumb li { list-style: none; margin: 0; } #breadcrumb .separator {} #breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; font: 600 87.5% / 1.25 var(--main-font); color: var(--blue); } .white #breadcrumb :where(a,span) { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_block { gap: .5em 1em; } .filter_block button { padding: .5em 1.25em; border: 1px solid var(--blue); border-radius: 20em; background-color: transparent; font: 500 100% / 1.25 var(--main-font); color: var(--blue); } .filter_block button.active { background-color: var(--blue); color: var(--white); } /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background: var(--white); z-index: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Foot Logo */ .foot_logo { display: block; width: 16em; margin: 0 auto; text-align: center; } .foot_logo :where(img, svg) { width: 100%; } .foot_logo h3 { margin-top: 1.5rem; font: 300 200% / 1 var(--title-font); color: var(--white); } .foot_logo h3 strong { font-weight: 700; } /* Foot Block */ .foot_block {} .foot_block h4 {} .foot_block p strong { display: block; } .foot_block p a { display: inline-block; font: inherit; } #foot_contact p + p { margin-top: .5em; } #foot_contact p + .social { margin-top: 1rem; } .social {} .social a { display: inline-block; width: 3.5em; padding: .5em; } .social a :where(img,svg) { width: 100%; } .social a svg path { transition: .25s ease; } /* Foot Social */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER COUNTRIES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #foot_countries .container { grid-template-columns: 1fr 1fr; } #foot_countries .country_block { border-top: 1px solid rgb(var(--blue-rgb) / 75%); text-align: center; } #foot_countries .country_block:nth-of-type(odd) { border-right: 1px solid rgb(var(--blue-rgb) / 75%); } #foot_countries .country_head, #foot_countries .country_info { padding: 1.25em .5em; } #foot_countries .country_head picture { width: 4em; aspect-ratio: 2 / 1; margin:0 auto .75em auto; } #foot_countries .country_head picture img { object-fit: contain; } #foot_countries .country_head :where(h4, p) { font: 400 125% / 1.25 var(--title-font); color: var(--blue); text-transform: uppercase; } #foot_countries .country_head p { margin-top: .25em; font-size: 75%; } #foot_countries .country_info { border-top: 1px solid rgb(var(--blue-rgb) / 25%); } #foot_countries .country_info :where(a, p) { font: 400 112.5% / 1.25 var(--main-font); color: var(--blue); } #foot_countries .country_info a + p { margin-top: .5em; } #foot_countries .country_info p { font-size: 87.5%; } #foot_countries .country_info p svg { width: .75em; } #foot_countries .country_info p svg path { fill: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #credits {} #credits p { font-size: 75%; line-height: 1.5; color: var(--grey); margin: 0 auto; z-index: 1; } #credits .resp_sep { display: none; } #credits a { display: inline-block; font: inherit; color: var(--blue-l); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #back_top { display: none; z-index: 2; bottom: .5em; right: .5em; width: 2.5em; background-color: rgb(var(--white-rgb) / 50%); border-radius: 20em; cursor: pointer; transition: .25s ease; } #back_top :where(img, svg) { width: 100%; } #back_top svg path { fill: var(--blue); transition: .25s ease; } /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } .s1 .container { padding-top: calc(var(--c10v) + 6.5rem); padding-bottom: calc(var(--c10v) + 3.5rem); } .s1 .s1_title.white :where(h1, p) { text-shadow: 0 0 .25em rgb(10 10 10 / 50%); } .s1 .s1_title h1 + p { margin-top: .5em; } .s1 .s1_title p { font-weight: 500; font-size: 125%; } .s1 .s1_title .link_wrapper { margin-top: 1.5em; gap: 1em 1.5em; } .s1 .s1_title .link_wrapper .link { width: fit-content; margin: 0; } .s1 .s1_title .link_wrapper .link.link_b:hover { background-color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #slider_news { background-color: var(--white); } #slider_news .swiper { padding: 1.5em; } #slider_news .swiper::before, #slider_news .swiper::after { display: block; content: ''; position: absolute; top: 0; width: 1.5rem; height: 100%; z-index: 2; } #slider_news .swiper::before { left: 0; background: linear-gradient(to right, rgb(var(--white-rgb) / 100%) 0%, rgb(var(--white-rgb) / 0%) 100%); } #slider_news .swiper::after { right: 0; background: linear-gradient(to left, rgb(var(--white-rgb) / 100%) 0%, rgb(var(--white-rgb) / 0%) 100%); } #slider_news .swiper .card-news.swiper-slide-active .card_date { background: var(--blue); } #slider_news .swiper .card-news.swiper-slide-active .card_date span { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION SOSTENIBILITÁ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sec_sostenibilita .sec_title h2 br { display: none; } #sec_sostenibilita .text_wrap .text + .text { margin-top: 1.5em; } #sec_sostenibilita .text_wrap .text p { color: var(--blue); } #sec_sostenibilita .text_wrap .text img { width: 100%; max-width: 24em; } #sec_sostenibilita .swiper { padding: 0 var(--c10o); } #sec_sostenibilita .swiper .card { opacity: .5; transition: .25s ease; } #sec_sostenibilita .swiper .card.swiper-slide-active { opacity: 1; } #sec_sostenibilita .slider_dots { margin-top: 1.5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sec_blog { background: var(--white); } #sec_blog .swiper { padding: var(--c5v) var(--c5o) 1.5rem var(--c5o); overflow: visible; overflow-x: clip; } #sec_blog .nav_btn { display: none; } /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .card { border: 1px solid rgb(var(--grey-rgb) / 25%); border-radius: .75em; overflow: hidden; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); transition: .25s ease !important; } .card:hover { border-color: var(--blue-l); background-color: var(--ice); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_card { overflow: hidden; } .sec_card::after { display: block; content: ''; width: calc(100% - var(--c10o)); height: 1px; margin: 0 auto; border-bottom: 1px solid rgb(var(--grey-rgb) / 50%); } .sec_card.hide_card { display: none; } .sec_card .filter { transform: translateY(50%); background: radial-gradient(ellipse at center, rgb(62 62 62 / 100%) 0%, rgb(62 62 62 / 0%) 60%); opacity: .15; } .sec_card picture { max-width: 75%; margin: 0 auto; } .sec_card picture img { object-fit: contain; } .sec_card .text {} .sec_card .text h3 { font: 500 100% / 1.25 var(--title-font); text-transform: uppercase; } .sec_card .text h2 { line-height: 1.125; } .sec_card .text h2 + p { margin-top: 1em; } .sec_card .text p { color: var(--blue); } .sec_card .text button { margin: 1em auto 0 auto; } .sec_card .text .card_logo { width: 12em; margin: 1.5em auto 0 auto; padding: 0 1em; } .sec_card .text .card_logo img { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD CUSTOM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card-custom picture img { transition: .5s ease-out; } .card-custom button { top: 1.5em; left: 1.5em; width: 2.5em; border-radius: 20em; box-shadow: 0 0 1em rgb(10 10 10 / 50%); } .card-custom button svg { width: 100%; } .card-custom button svg circle { fill: var(--white); transition: .25s ease; } .card-custom button svg path { fill: var(--blue); transition: .25s ease; } .card-custom .text { bottom: 0; left: 0; padding: 2em 1.5em; } .card-custom .text :where(h3, p) { text-shadow: 0 0 .5em rgb(10 10 10 / 25%); } .card-custom .text h3 { font: 700 150% / 1.25 var(--title-font); text-transform: uppercase; } .card-custom .text h3 + p { margin-top: 1em; } .card-custom .text p { font: 500 100% / 1.25 var(--main-font); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD-NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card-news .card_date { width: max-content; min-width: max-content; padding: 1.25em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); transition: .25s ease; } .card-news .card_date span { display: block; font: 700 75% / 1 var(--main-font); color: var(--blue); transition: .25s ease; } .card-news .card_date span.month { text-transform: uppercase; } .card-news .card_date span.day { font: 300 300% / 1 var(--main-font); } .card-news .text { padding: 0 1em; } .card-news .text h3 { font-weight: 600; font-size: 87.5%; color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD PRODOTTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card-product {} .card-product picture img { object-fit: contain; } .card-product .filter {} .card-product .text { bottom: 0; left: 0; transform: translateY(100%); padding: 1.5em; transition: .25s ease-out; } .card-product .text h3 { font: 600 125% / 1.25 var(--title-font); text-shadow: 0 0 .5em rgb(10 10 10 / 25%); text-transform: uppercase; } .card-product:hover .filter {} .card-product:hover .text { transform: translateY(0); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card-blog a { height: 100%; box-shadow: 0 0 1em rgb(10 10 10 / 25%); } .card-blog picture { background-color: var(--grey-l); } .card-blog .text { padding: 1.5em; text-align: left; } .card-blog .text .tag_list { justify-content: flex-start; } .card-blog .text .tag_list li.tag, .card-blog .text .tag_list li.date { color: var(--white); } .card-blog .text h3 { font: 500 112.5% / 1.25 var(--title-font); color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_empty { padding: 2em 1.5em; } .card_empty svg { width: 6em; } .card_empty .text { margin-top: 1em; } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1_title .search_btn { gap: 1em; width: max-content; margin: 1.5em auto 0 auto; padding: .75em 1.25em; background: var(--white); border: 1px solid rgb(var(--grey) / 50%); border-radius: .75rem; color: rgb(var(--grey-rgb) / 75%); } .s1_title .search_btn span { width: max-content; min-width: max-content; display: block; } .s1_title .search_btn svg { width: 1.5em; min-width: 1.5em; } .s1_title .search_btn svg path { fill: rgb(var(--grey-rgb) / 75%); } #s1_home .s1_title h1 strong { font-weight: 700; } /* Mod */ #s1_home #scroll_btn { position: relative; bottom: auto; left: auto; transform: translateX(0); margin: 0 auto var(--c10v) auto; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_home .text + .sec_img { margin-top: var(--c5v); } #s2_home .text h2 { font-size: calc(var(--h2-size) * 1.5); } #s2_home .sec_img { max-width: 1024px; margin: 0 auto; padding: 0 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION CATEGORIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_home + #s3_home { margin-top: var(--c10v); } #s3_home .wrapper { border-radius: .75em .75em 0 0; box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #s3_home .tabs { grid-template-columns: 1fr 1fr 1fr; } #s3_home .tabs button { padding: 1em; border-right: 1px solid rgb(10 10 10 / 12.5%); } #s3_home .tabs button::last-of-type { border: 0; } #s3_home .tabs button img { width: 100%; margin-right: -.75em; object-fit: contain; opacity: .375; transition: .25s ease; } #s3_home .tabs button.active img { opacity: 1; } #s3_home .card_wrapper { overflow: hidden; } #s3_home .card_wrapper .card_cat_2, #s3_home .card_wrapper .card_cat_3 { position: absolute; top: 0; left: 0; transform: translateX(100%); } #s3_home .card_wrapper .card.active { transform: translateX(0); } #s3_home .card { border-radius: 0 0 .75em .75em; transition: all .25s ease, transform 0s; } #s3_home .card picture {} #s3_home .card .logo { display: none; top: .75em; right: .75em; width: 7em; padding: 1.5em .75em; background-color: var(--white); } #s3_home .card .logo img { width: 100%; margin-right: -.75em; } #s3_home .card .text { bottom: 0; left: 0; gap: 1.5em; padding: 1em; } #s3_home .card .text h2 { flex: 1 1 auto; font: 700 125% / 1.25 var(--title-font); text-transform: uppercase; } #s3_home .card .text svg { width: 2.25em; min-width: 2.25em; } #s3_home .card .text svg circle { fill: var(--white); } #s3_home .card .text svg path { fill: var(--blue); } /* Mod */ #s3_home .tabs { background-color: var(--grey-l); border-top: 1px solid rgb(10 10 10 / 12.5%); } #s3_home .tabs button.active { background-color: var(--white); } #s3_home .card_wrapper { width: 300%; transition: .25s ease-in-out; } #s3_home .card_wrapper.active_1 { transform: translateX(0); } #s3_home .card_wrapper.active_2 { transform: translateX(calc((100% / 3) * -1 )); } #s3_home .card_wrapper.active_3 { transform: translateX(calc((100% / 3) * -2 )); } #s3_home .card { width: calc(100% / 3); border-radius: 0; } #s3_home .card_wrapper .card_cat_2, #s3_home .card_wrapper .card_cat_3 { position: relative; top: auto; left: auto; transform: translateX(0); } #s3_home .card .text { gap: 1em; padding: 1em 4em 1em 1em; } #s3_home .card .text h2 { font-size: 150%; text-transform: none; } #s3_home .card .link_btn { bottom: 1em; right: 1em; width: 2.25em; min-width: 2.25em; } #s3_home .card .link_btn circle { fill: var(--white); } #s3_home .card .link_btn path { fill: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PACKAGING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sec_packaging .text h2 { font-weight: 300; line-height: 1.125; } #sec_packaging .text li { gap: 1em; margin: 0; padding: .75em 1em; border-radius: 1em; box-shadow: 0 0 .5em rgb(10 10 10 / 12.5%); background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font: 500 150% / 1.25 var(--main-font); } #sec_packaging .text li + li { margin-top: .5em; } #sec_packaging .text li img { width: 2em; } #sec_packaging .text li span { display: block; flex: 1 1 auto; } #sec_packaging .text li h3 { font: 300 125% / 1.25 var(--title-font); color: var(--blue); } #sec_packaging .text li h3 + p { margin: 0; } #sec_packaging .text li p { font-weight: 600; color: var(--blue); } #sec_packaging .frames_wrapper picture img { object-fit: contain; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BEST SELLER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*#s3_home .sec_title { margin-bottom: 1.5em; } #s3_home .swiper { overflow: visible; overflow-x: clip; padding: 0 var(--c5o); } #s3_home .card-product picture { padding: 0 2.25em; } #s3_home .slider_dots { margin-top: 1.5em; }*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ACCADEMY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*#s4_home .logo_academy { position: relative; margin: -5% auto; z-index: 1; }*/ #s4_home .logo_academy { max-width: 24em; margin: 0 auto 1.5em auto; } #s4_home .logo_academy img { width: 100%; } #s4_home .text { padding: calc(5% + 1.5em) 1.5em 1.5em 1.5em; } #s4_home .text p { display: none; } #s4_home .text h2 { margin-top: 0; font-size: calc(var(--h2-size) * .75); } #s4_home .text .link { margin: 1.5em auto 0 auto; } /* MOD */ #s4_home .sec_wrap { border-radius: 1em 1em 0 0; overflow: hidden; } #s4_home .sec_wrap .filter { display: none; } #s4_home .container { border-radius: 0 0 1em 1em; } #s4_home .text { padding: calc(5% + 2em) 1.5em 2em 1.5em; } #s4_home .logo_academy { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s6_home .filter { height: 87.5%; mix-blend-mode: multiply; background: linear-gradient(to bottom, rgb(var(--blue-rgb) / 85%) 0%, rgb(var(--blue-rgb) / 85%) 12.5%, rgb(var(--blue-rgb) / 0%) 100%); } #s6_home .sec_title :where(p, h2, h3, h4) { text-shadow: 0 0 .5em rgb(10 10 10 / 25%); } #s6_home .highlight { margin-bottom: calc(-1 * var(--c10v)); } #s6_home .highlight > h4 { display: none; } #s6_home .highlight .card-blog { max-width: 24em; margin-right: auto; margin-left: auto; } #s6_home .highlight .card-blog a { box-shadow: 0 0 1.5em rgb(10 10 10 / 25%); } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - CHI SIAMO / QUALITÁ / PERCHÉ / SPORT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ #s1_parallax .s1_title :where(h1, p) { text-shadow: 0 0 .5em rgb(10 10 10 / 50%); } #s1_parallax .s1_title img { margin-top: 1.5rem; } /* Section 2 */ .sec_parallax { overflow: hidden; border-top: .125em solid var(--white); } .sec_parallax > picture.sized { background-attachment: fixed; } .sec_parallax .text h2 { font-weight: 400; line-height: 1.25; } .sec_parallax .text :where(h2, p) { text-shadow: 0 0 .5em rgb(10 10 10 / 50%); } .sec_parallax .text hr { width: 5em; height: .125em; margin: 1.5em auto; background-color: var(--white); } .sec_parallax .text p.grid { grid-template-columns: 1fr 1fr; gap: 1.5em; } .sec_parallax .text p.grid a { display: inline-block; } .sec_parallax .text p.grid a img { width: 100%; } .sec_parallax.numbered .container { padding-top: calc(3.75rem + var(--c15v) + 3.75rem); } .sec_parallax .vert_line { display: inline-block; top: 0; left: 50%; width: .125em; height: calc(3.75rem + var(--c10v)); border-left: .125em solid var(--white); } .sec_parallax .numeration { top: calc(3.75rem + var(--c10v)); left: 50%; transform: translateX(-50%); width: 3.75rem; height: 3.75rem; background-color: var(--white); border-radius: 50%; font: 700 125% / 1 var(--main-font); color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - DICONO DI NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_about-us {} #s1_about-us .s1_title p { font-size: 125%; color: var(--grey); text-shadow: none; } #s1_about-us .grid { grid-template-columns: 1fr; gap: 1.5em; margin-top: var(--c7v); } .card_about_us { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); } .card_about_us .text { padding: 1.5em; } .card_about_us .text h2 { font: 700 125% / 1.25 var(--title-font); } .card_about_us .text h2 + p { margin-top: .5em; } .card_about_us .text p { font-size: 87.5%; color: var(--grey); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - PRESS KIT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_press-kit .container { padding-bottom: var(--c15v); } #s1_press-kit .s1_title :where(h1, p) { text-shadow: none; } #s1_press-kit .s1_title h1 + p { margin-top: .5em; } #s1_press-kit .s1_title p { font-size: 125%; color: var(--blue); text-transform: uppercase; } #s1_press-kit .grid { grid-template-columns: 1fr; gap: 1.5em; } #s1_press-kit .grid .text { padding: 1.5em; } #s1_press-kit .grid .text:not(.blue, .grey) { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); } #s1_press-kit .grid .text h2 { font: 500 150% / 1.25 var(--main-font); } #s1_press-kit .grid .text h2 + p { margin-top: 1em; } #s1_press-kit .grid .text :where(p, li, p > a) {} #s1_press-kit .grid .text li { display: flex; align-items: center; justify-content: flex-start; gap: .75em; margin: 0; list-style: none; line-height: 1.25; text-align: left; } #s1_press-kit .grid .text li + li { margin-top: .75em; } #s1_press-kit .grid .text li::before { display: inline-block; content: ''; width: 1.25em; min-width: 1.25em; height: 1.25em; background: url(../images/svg/download.svg) no-repeat center / contain; } #s1_press-kit .grid .text.blue.it li::before { background-image: url(../images/svg/flag_it.svg); } #s1_press-kit .grid .text.blue.en li::before { background-image: url(../images/svg/flag_en.svg); } #s1_press-kit .grid .text.blue.de li::before { background-image: url(../images/svg/flag_de.svg); } #s1_press-kit .grid .text.blue.fr li::before { background-image: url(../images/svg/flag_fr.svg); } #s1_press-kit .grid .text.blue.pt-br li::before { background-image: url(../images/svg/flag_pt.svg); } #s1_press-kit .grid .text.blue.es li::before { background-image: url(../images/svg/flag_es.svg); } #s1_press-kit .grid .text p img { display: block; margin: 0 auto; } #s1_press-kit .grid .text.grey { background-color: var(--ice); } #s1_press-kit .grid .text #form { background-color: transparent; } #s1_press-kit .grid .text #form p { color: var(--blue); } #s1_press-kit .grid .text #form .wpforms-container { margin-top: 1em; } #s1_press-kit .grid .text #form li { gap: 0; } #s1_press-kit .grid .text #form li::before { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - ACADEMY / VIDEO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_academy .s1_title h1 a { display: inline-block; } #s1_academy .s1_title p { font-weight: 700; font-size: 125%; } #s2_academy .sec_filter { margin: 0 0 1.5em 0; } #s2_academy .sec_block + .sec_block { margin-top: var(--c15v); } #s2_academy .sec_block.flex { gap: 1.5em var(--c5o); } #s2_academy .sec_block.flex-auto { gap: 1.5em var(--c5v); } /*#s2_academy .sec_block .text h2 { font: 500 200% / 1.25 var(--title-font); }*/ #s2_academy .sec_block .text p { font: 500 125% / 1.5 var(--main-font); color: var(--blue); } #s2_academy .sec_block .card-video + .card-video, #s2_academy .sec_block .card-blog + .card-blog { margin-top: 1.5em; } #s2_academy .sec_block .card-video { grid-template-columns: 1fr; } #s2_academy .sec_block .card-video iframe { } #s2_academy .sec_block .card-video .text { padding: 1.5em; } #s2_academy .sec_block .card-video .text h3, #s2_academy .sec_block .card-blog .text h3 { font: 600 125% / 1.25 var(--title-font); color: var(--blue); } #s2_academy .sec_block .card-video .text h3 + p, #s2_academy .sec_block .card-blog .text h3 + p { margin-top: 1em; } #s2_academy .sec_block .card-video .text p, #s2_academy .sec_block .card-blog .text p { font-size: 100%; } #s2_academy .sec_block .card-video .text p { height: 9em; overflow: hidden; } #s2_academy .sec_block .card-video .text p.expanded { height: fit-content; } #s2_academy .sec_block .card-blog a { grid-template-columns: 1fr; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - LOGISTICA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_logistica .s1_title :where(h1, p) { text-shadow: 0 0 .75em rgb(10 10 10 / 50%); } #s2_logistica, #s3_logistica { border-bottom: 1px solid var(--blue); } #s3_logistica #sec_gallery picture img { object-fit: contain; } #s3_logistica #sec_gallery .slider_dots { margin-top: 1em; } #s4_logistica .sec_title + .grid { margin-top: var(--c10v); } #s4_logistica .grid { grid-template-columns: 1fr; gap: var(--c10v) var(--c5o); } #s4_logistica .text span.num { font: 500 400% / 1 var(--main-font); color: var(--blue); } #s4_logistica .text p { color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - CERTIFICATI E STUDI TECNICI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_certificati { background-color: var(--grey-l); } #s2_certificati .sec_block + .sec_block { padding-top: var(--c10v); border-top: 1px solid var(--blue); } #s2_certificati .sec_block h2 { font-weight: 400; } #s2_certificati .sec_block p > a { display: inline-block; padding: .25em; width: 3.5em; will-change: transform; } #s2_certificati .sec_block p > a img { width: 100%; } #s2_certificati .sec_block p > a:hover { transform: scale(1.1); } #s2_certificati .sec_block.sec_block_c p > a { display: block; width: 100%; max-width: 18em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ /*#s1_contatti :where(.bkg_thumb, .filter_black) { max-height: 85%; }*/ #s1_contatti .filter { background: linear-gradient(to right, rgb(18 30 98 / 50%) 0%, rgb(10 10 10 / 0%) 100%); mix-blend-mode: multiply; opacity: 1; } #s1_contatti .container { padding-bottom: calc(var(--c10v) + 15%); } #s1_contatti .s1_title :where(h1, p) { text-shadow: 0 0 .75em rgb(10 10 10 / 50%); } #s1_contatti .s1_title p.buttoned { display: inline-block; padding: .5em 1em; border: 2px solid var(--white); box-shadow: 0 0 .75em rgb(10 10 10 / 50%); font: 700 125% / 1.25 var(--main-font); text-shadow: 0 0 .75em rgb(10 10 10 / 50%); text-transform: uppercase; } #s1_contatti .s1_title h1 { font-weight: 700; font-size: calc(var(--h1-size) * .825); text-transform: uppercase; } #contatti_nav .grid { margin-top: -15%; grid-template-columns: 1fr 1fr; gap: 1em; } .service_card { box-shadow: 0 0 1em rgb(10 10 10 / 50%); } .service_card .filter { background: linear-gradient(to bottom, rgb(10 10 10 / 0%) 0%, rgb(10 10 10 / 75%) 100%); mix-blend-mode: multiply; } .service_card h3 { display: block; z-index: 1; bottom: 0; left: 0; padding: 1.5rem .5rem; font: 400 100% / 1.25 var(--title-font); text-transform: uppercase; } .service_card h3 :where(b, strong) { font-weight: 700; } /* Section 2 */ #s2_contatti .container { max-width: 1280px; } #page_contatti .sec_title h2 { font: 700 125% / 1 var(--title-font); text-transform: uppercase; letter-spacing: .1em; } #page_contatti .sec_title h2 + h3 { margin-top: .5rem; } #page_contatti .sec_title h3 { font-weight: 400; } #page_contatti .sec_title :where(p, li) { font: 400 100% / 1.5 var(--main-font); text-transform: none; } #page_contatti .sec_title.white :where(h2, h3, h4, p, li) { text-shadow: 0 0 .5em rgb(10 10 10 / 50%); } #sales_team_cards { gap: 4em 2em; } .support_card picture { width: 10em; height: 10em; margin: 0 auto 1em auto; border-radius: 20em; box-shadow: 0 0 1em rgb(30 30 30 / 25%); overflow: hidden; } .support_card h4 { font-size: 87.5%; text-transform: uppercase; letter-spacing: .1em; } .support_card h5 { margin-top: 0; font-size: 200%; } .support_card .flags { margin-top: .5em; gap: .5em; } .support_card .flags img { width: 1.5em; } .support_card .flags p.country { display: block; width: 100%; font-size: 87.5%; line-height: 1.25; font-style: italic; opacity: .75; } .support_card .contacts { margin-top: .5em; } .support_card .contacts a { padding: .125em .5em; line-height: 1.25; } .support_card .contacts a i { display: inline-block; opacity: .75; margin-right: .25em; } .support_card .contacts a.email { padding: .5em; font-size: 100%; } .support_card .chats { margin-top: 1em; gap: 1em; } .support_card .chats img { width: auto; height: 2em; max-width: 5em; } /* Section 3 */ #s3_contatti { overflow: hidden; } #s3_contatti .filter { background: linear-gradient(to right, rgb(18 30 98 / 50%) 0%, rgb(0 0 0 / 0%) 100%); mix-blend-mode: multiply; } .card_info { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 50%); } .card_info + .card_info { margin-top: 1.5em; } .card_info .text.blue { padding: .5em 1em; } .card_info .text.blue h4 { font: 400 150% / 1.25 var(--title-font); text-transform: uppercase; } .card_info a { gap: 1em; padding: 1em 1em; } .card_info a + a { border-top: 1px solid var(--grey); } .card_info a > svg { width: 2.5em; min-width: 2.5em; } .card_info a svg path { fill: var(--blue); } .card_info a :where(.h4, h4) { font: 400 150% / 1.125 var(--title-font); } .card_info a :where(.h4 + p, h4 + p) { margin-top: 0; } .card_info a p { font-size: 87.5%; color: var(--blue); } .card_info a p img { display: inline-block; width: auto; height: .875em; margin-left: .5em; } /* Section 4 */ #s4_contatti .sec_title + .card_info { margin-top: var(--c10v); } /* Section 5 */ #s5_contatti .sec_title ul { display: inline-block; margin-right: auto; margin-left: auto; } #s5_contatti .sec_title ul li { text-align: left; } #s5_contatti .grid { grid-template-columns: 1fr 1fr; gap: .5em; } #s5_contatti .grid .block_avatar { grid-column: 2 span; overflow: hidden; } #s5_contatti .grid .block_avatar > picture img { object-position: left; } #s5_contatti .grid .block_avatar .card_avatar { display: inline-block; width: fit-content; margin: 0 auto; padding: 1em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 50%); } #s5_contatti .grid .block_avatar .card_avatar .text h5 + p { margin-top: .5em; padding-top: .5em; border-top: 1px solid rgb(10 10 10 / 25%); } #s5_contatti .grid .block_social {} #s5_contatti .grid .block_social .logo { width: 6em; aspect-ratio: 1 / 1; padding: 1em; background: var(--white); border-radius: 20em; } #s5_contatti .grid .block_social .logo img { object-fit: contain; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 2 */ #s2_work .text h2 { font-weight: 400; font-size: 175%; } #s2_work .text p { color: var(--grey); } #s2_work .link { margin: 0 auto; } /* Section 3 */ #s3_work .grid { grid-template-columns: 1fr 1fr; } #s3_work .tile { padding: 2.5em .5em; background-color: var(--blue); } #s3_work .tile p { position: relative; font: 700 100% / 1.25 var(--main-font); text-shadow: 0 0 .5em rgb(10 10 10 / 75%); text-transform: uppercase; } #s3_work .tile.tile_5 { grid-column: 2 span; } #s3_work .tile.tile_5 p br { display: none; } /* Section 4 */ #s4_work .nav_btn { min-width: 3.5em; } .card_work { border: 1px solid rgb(var(--grey-rgb) / 25%); } .card_work .text { padding: 1.5em 1em; } .card_work .text h2 { font: 400 125% / 1.25 var(--title-font); } .card_work .text p { font: 300 87.5% / 1.5 var(--main-font); color: var(--grey); } .card_work .text p span { font-weight: 700; font-size: 1rem; color: var(--blue); } .card_work .text button { width: 100%; } /* Section 5 */ #s5_work .text .link { background-color: transparent; border: 2px solid var(--white); color: var(--white); } #s5_work .text + img { margin: var(--c10v) auto 0 auto; max-width: 16em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - DIVENTA DISTRIBUTORE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ #s1_distributore > .container { padding-bottom: var(--c10v); } #s1_distributore .s1_title .link { display: flex; gap: 1em; background-color: var(--red); border-color: var(--red); color: var(--white); } #s1_distributore .s1_title .link svg { width: 1.5em; } #s1_distributore .s1_title .link svg path { fill: var(--white); } #s1_distributore .preferences { background-color: rgb(10 10 10 / 25%); border-top: 1px solid var(--white); } #s1_distributore .preferences .container { padding: 1.5em var(--c5o); gap: 1em; } #s1_distributore .preferences p { font-size: 125%; color: var(--white); text-shadow: 0 0 .5em rgb(10 10 10 / 50%); } #s1_distributore .preferences .wrapper { gap: .5em 1em; } #s1_distributore .preferences .wrapper .link { background: transparent; border: 2px solid var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 50%); color: var(--white); text-shadow: 0 0 .5em rgb(10 10 10 / 50%); } /* Section 2 */ #s2_distributore .link_wrapper { margin-top: 1.5em; gap: .75em; } #s2_distributore .link_wrapper :where(button, a) { margin: 0; } #s2_distributore .link_wrapper button { background-color: var(--red); border-color: var(--red); color: var(--white); } #s2_distributore .bullet_list li { list-style: none; margin: 0; gap: .75em; } #s2_distributore .bullet_list li + li { margin-top: 1em; } #s2_distributore .bullet_list li::before { display: inline-block; content: ''; width: 2.5em; min-width: 2.5em; height: 2.5em; background: url(../images/svg/ico_checklist.svg) no-repeat center / 100%; } /* Section 3 */ #world-map-gdp svg { width: 100%; height: 50vw; } /* Section 4 */ #s4_distributore .card_sector + .card_sector { margin-top: var(--c7v); } #s4_distributore .card_sector .text { padding: 1.5em; } #s4_distributore .card_sector .text > img { width: 10em; margin-bottom: 1em; } #s4_distributore .card_sector .text h3 {} #s4_distributore .card_sector .text .link { margin-top: 1em; } /* Section 5 */ #s5_distributore .sec_title + .wrapper { margin-top: var(--c7v); } #s5_distributore .wrapper { padding: 1.5em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #s5_distributore #form .wpforms-field.wpforms-list-inline ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: .5em 20px; } #s5_distributore #form .wpforms-field.wpforms-list-inline ul li { margin: 0 !important; width: calc(50% - 10px); } #s5_distributore #form .wpforms-field.wpforms-list-inline ul li label { line-height: 1.1; color: var(--grey); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - RECLAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_reclamo { background: var(--grey-l); } #s1_reclamo .container { max-width: calc(1024px + var(--c10o)); padding-bottom: var(--c10v); } #s1_reclamo .s1_title h1 { text-shadow: none; } #s1_reclamo #form .wpforms-container { margin-top: 1.5rem; padding: 1.5em 1em; border-radius: .75em; overflow: hidden; background-color: var(--white); box-shadow: 0 0 1.5em rgb(10 10 10 / 25%); text-align: left; } #s1_reclamo #form .wpforms-container .wpforms-page { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } #s1_reclamo #form .wpforms-container .wpforms-page-indicator { margin: 0 0 .75em 0; font-size: 100%; } #s1_reclamo #form .wpforms-container .wpforms-page-indicator-page-progress-wrap, #s1_reclamo #form .wpforms-container .wpforms-page-indicator-page-progress { height: .75em; margin: 0; border-radius: 20em; } #s1_reclamo #form .wpforms-container .wpforms-page-indicator-page-progress-wrap { margin: .5em 0 0 0; } #s1_reclamo #form .wpforms-container .notice { padding: 1em; border: 1px solid var(--blue); border-radius: .5em; } #s1_reclamo #form .wpforms-container .notice + .notice { margin-top: 1em; } #s1_reclamo #form .wpforms-container .notice p { font-size: 75%; color: var(--black); } #s1_reclamo #form .wpforms-container .notice.important { border-color: var(--red); } #s1_reclamo #form .wpforms-container .notice.important p { color: var(--red); } #s1_reclamo #form .wpforms-container .wpforms-field-html h2 { margin-top: 1.5rem; font-size: 125%; } #s1_reclamo #form .wpforms-container .wpforms-field-html h2, #s1_reclamo #form .wpforms-container .wpforms-field-html h2 b { font-weight: 700; text-transform: uppercase; } #s1_reclamo #form .wpforms-container .wpforms-field-html h2 + ul { margin: .75em 0 0 0 !important; } #s1_reclamo #form .wpforms-container .wpforms-field-html ul li { margin: 0 0 0 1.5em !important; list-style: disc !important; font: 500 100% / 1.25 var(--main-font); } #s1_reclamo #form .wpforms-container .wpforms-field-html ul li + li { margin-top: .5em !important } #s1_reclamo #form .wpforms-container .wpforms-field-html ul li a { color: var(--blue); text-decoration: underline; } #s1_reclamo #form .wpforms-field.wpforms-field-pagebreak { margin: 1.5em 0 0 0 !important; } #s1_reclamo #form .wpforms-field.wpforms-field-pagebreak .wpforms-pagebreak-right { display: flex; align-items: center; justify-content: center; gap: 1em; } #s1_reclamo #form .wpforms-container .wpforms-page-button { margin: 0; border: 1px solid var(--blue); border-radius: 20em; background: var(--blue); font-weight: 700; color: var(--white); text-transform: uppercase; } #s1_reclamo #form .wpforms-container .wpforms-page-button:hover { background: var(--white); color: var(--blue); } #s1_reclamo #form .wpforms-field-container { display: block; width: 100%; min-width: 100%; } #s1_reclamo #form .wpforms-container label { color: rgb(var(--grey-rgb) / 75%); } #s1_reclamo #form .wpforms-container :where(input, textarea, select) { border-color: rgb(var(--grey-rgb) / 75%); } #s1_reclamo #form .wpforms-container .wpforms-uploader .dz-message span { font-size: 87.5%; line-height: 1.25; } #s1_reclamo #form .wpforms-container .wpforms-field-description { color: rgb(var(--grey-rgb) / 75%); } #s1_reclamo #form .wpforms-container label.wpforms-error { color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - REDIRECT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_redirect .container { padding-bottom: var(--c10v); } #s1_redirect .grid { grid-template-columns: 1fr 1fr 1fr; gap: .5em; max-width: 720px; margin-right: auto; margin-left: auto; } #s1_redirect .grid a { height: 100%; border: 2px solid var(--grey-l); border-radius: .5rem; overflow: hidden; box-shadow: 0 0 .5rem rgb(10 10 10 / 25%); } #s1_redirect .grid a img { object-fit: cover; } #s1_redirect .grid a:hover { border-color: var(--blue); } .s3_single_cat .sticky { top: 6em; } /*.s3_single_cat:nth-of-type(odd) { background-color: var(--grey-l); } .s3_single_cat:nth-of-type(even) .sec_card > div:not(.sec_shadow) { background-color: var(--grey-l); }*/ .s3_single_cat + .s3_single_cat .container { padding-top: 0; } .s3_single_cat .flter_card { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .s3_single_cat .flter_card picture { width: 40em; } .s3_single_cat .flter_card picture img { object-fit: contain; } .s3_single_cat .flter_card .text { text-align: left; } .s3_single_cat .flter_card .text h3 { font: 300 3vw / 1.125 var(--title-font); } .s3_single_cat .flter_card .text p { margin-top: .5em; } .s3_single_cat .grid { display: grid; grid-template-columns: 1fr; gap: 1.5em; } .s3_single_cat .sec_card_filter .sec_card > div.flex { padding: 0; gap: 0; } .s3_single_cat .sec_card > div:not(.sec_shadow) { padding: 1em; background-color: rgb(var(--white-rgb) / 50%); border-radius: 1em; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); */ } .s3_single_cat .sec_card .filter { display: none; } .s3_single_cat .sec_card picture { width: 22em; } .s3_single_cat .sec_card .text { width: calc(100% - 22em); padding: 1.5em; } .s3_single_cat .sec_card .text h2 { font-size: 200%; } .s3_single_cat .sec_card::after { display: none; } .s3_single_cat .sec_card .text .card_logo { display: none; } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE - PRODOTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_prodotti .container { padding-top: 6.75em; padding-bottom: 0; } #s1_prodotti .s1_title { padding: 1.5em var(--c5o); border-top: 1px solid rgb(var(--grey-rgb) / 25%); border-bottom: 1px solid rgb(var(--grey-rgb) / 25%); } #s1_prodotti .s1_title h1 { font: 100 200% / 1 var(--title-font); color: var(--blue); text-shadow: none; text-transform: uppercase; } #archive_filter { padding: 1.5em var(--c5o) 0 var(--c5o); gap: .5em; } #archive_filter button { display: inline-block; width: fit-content; padding: .75em 1em; border-radius: 20em; border: 1px solid var(--blue); font: 500 75% / 1.25 var(--main-font); color: var(--blue); text-transform: uppercase; } #archive_filter button.active, #archive_filter button:hover { background-color: var(--blue); color: var(--white); } #archive_filter button.azzurro.active, #archive_filter button.azzurro:hover { background-color: var(--blue-l); border-color: var(--blue-l); } #archive_filter button.verde.active, #archive_filter button.verde:hover { background-color: var(--green); border-color: var(--green); } #archive_filter button.verdone.active, #archive_filter button.verdone:hover { background-color: var(--green-d); border-color: var(--green-d); } #archive_filter button.grigio.active, #archive_filter button.grigio:hover { background-color: var(--grey); border-color: var(--grey); } #archive_filter button.viola.active, #archive_filter button.viola:hover { background-color: var(--purple); border-color: var(--purple); } #archive_filter button.rosso.active, #archive_filter button.rosso:hover { background-color: var(--red); border-color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE - BLOG / NEWS / WYRE STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1_archive:not( #s1_prodotti ){ padding-top: 2.5em; } .s1_archive:not( #s1_prodotti ) .container { padding-top: calc(var(--c10v) + 4em); padding-bottom: 0; } .s1_archive:not( #s1_prodotti ) .s1_title { border-bottom: 1px solid rgb(var(--blue-rgb) / 50%); } .s1_archive .s1_title.white :where(h1, p) { text-shadow: 0 0 .5em rgb(10 10 10 / 75%); } .s1_archive .s1_title h1 { font: 100 225% / 1 var(--title-font); text-transform: uppercase; } .s1_archive .s1_title p { font-weight: 600; } #s1_wire_style .s1_title h1 { text-transform: none; } #s1_wire_style .s1_title h1 i { font-family: 'Ruthie'; } #s2_blog #archive_filter { padding: 0 0 1.5em 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAXONOMY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_taxonomy .container { padding-bottom: 0; } #s1_taxonomy .s1_title :where(h1, p) { text-shadow: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE - LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Search & Filter */ /* Terms Loop */ /* Posts Loop */ .s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; } /* Custom pagination */ .pagination { margin: 1.5em 0 0 0; } .pagination h2 { display: none; } .pagination .nav-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25em; } .pagination .nav-links :where(a, span) { display: flex; padding: .5em .75em; background: var(--white); border-radius: .5em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); transition: .25s ease; } .pagination .nav-links span.current { color: rgb(var(--grey-rgb) / 50%); } .pagination .nav-links span:hover, .pagination .nav-links a:hover { background-color: var(--blue); color: var(--white); } .pagination .nav-links span.current:hover { background: var(--white); color: var(--blue); } /* Load More */ /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - CATEGORIA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .single_cat .text:not(.white) p, .single_cat .text:not(.white) li { color: var(--blue); } /* Section 1 */ #s1_single_cat { box-shadow: 0 0 5em rgb(var(--blue-rgb) / 100%); } #s1_single_cat .filter_blue { mix-blend-mode: unset; opacity: .75; } #s1_single_cat .container { padding-bottom: var(--c10v); } #s1_single_cat .s1_title h1 { font-weight: 100; line-height: 1.25; } #s1_single_cat .s1_title p { font-size: 125%; } #s1_single_cat .video_controls { max-width: 16em; margin: 2.5rem 0 0 0; } #s1_single_cat .video_controls picture { background-color: var(--white); padding: 1.5rem; } #s1_single_cat .video_controls picture img { object-fit: contain; } #s1_single_cat .video_controls .play_btn { background-color: var(--blue); padding: 1.5em; } #s1_single_cat .video_controls .play_btn svg { width: 2.5em } #s1_single_cat .video_controls .play_btn svg path { fill: var(--white); } /* Section 2 */ #s2_single_cat .text iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; } /* Section 3 */ .sec_title + #cat_filter_wrapper { margin-top: var(--c7v); } #cat_filter_wrapper { grid-template-columns: 1fr 1fr; gap: 1em; padding-bottom: 1.5rem; border-bottom: 1px solid rgb(var(--blue-rgb) / 37.5%); } #cat_filter_wrapper .flter_card { padding: .5em; border-radius: 1em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #cat_filter_wrapper .flter_card picture img { object-fit: contain; } #cat_filter_wrapper .flter_card .text { padding: 1em .5em .5em .5em; } #cat_filter_wrapper .flter_card .text h3 { font: 600 87.5% / 1.25 var(--title-font); } #cat_filter_wrapper .flter_card .text p { display: none; } #cat_filter_wrapper .flter_card.active { box-shadow: 0 0 1em rgb(var(--blue-l-rgb) / 75%); } #cat_filter_wrapper .flter_card.mobile { background: transparent; box-shadow: none; } #s3_single_cat .filter_alert { display: none; } #s3_single_cat .filter_alert p {} #s3_single_cat .filter_alert p span { font-weight: 700; } #s3_single_cat .filter_alert button, #cat_filter_wrapper .flter_card button { display: inline-block; padding: .5em; font: 400 100% / 1.25 var(--main-font); color: var(--blue); text-decoration: underline; } /* Section 5 */ #s5_single_cat { overflow: hidden; } #s5_single_cat .sec_bkg { height: 100dvh; } #s5_single_cat .container { gap: var(--c10v) calc(var(--c5o) - 1px); } .card_related { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } .card_related + .card_related { margin-top: 1em; } .card_related picture { top: 0; left: 0; background-color: rgb(var(--blue-rgb) / 25%); } .card_related picture button { width: 2.5em; } .card_related picture button svg { width: 100%; } .card_related picture button svg circle { fill: var(--white); transition: .25s ease; } .card_related picture button svg path { fill: var(--blue); } .card_related picture button:hover svg circle { fill: var(--blue-l); } .card_related .text { padding: 1em;} .card_related .text h2 { padding-top: 0 !important; font: 700 100% / 1.25 var(--title-font); text-transform: uppercase; } .card_related .text .excerpt { display: none; } /* Section 6 */ #s6_single_cat { overflow: hidden; } #s6_single_cat > img { width: 150%; max-width: unset; filter: drop-shadow(0 1em 1em rgb(10 10 10 / 12.5%)); } #s6_single_cat .text .logo { font-weight: 700; } #s6_single_cat .text .logo strong { font-weight: 700; color: var(--blue); } #s6_single_cat .text .logo sup { font-weight: 700; font-size: 35%; } #s6_single_cat .text .partners { margin-top: 3rem; } #s6_single_cat .text .partners a { padding: .75em; width: auto; height: 4em; } #s6_single_cat .text .partners a img { width: 100%; height: 100%; object-fit: contain; } /* Color Variations */ .cat_color_blue #s1_single_cat { box-shadow: 0 0 5em rgb(var(--blue-rgb) / 100%); } .cat_color_blue #s1_single_cat .video_controls .play_btn { background-color: var(--blue); } .cat_color_blue #s6_single_cat .text .logo strong { color: var(--blue); } .cat_color_red #s1_single_cat { box-shadow: 0 0 5em rgb(var(--red-rgb) / 100%); } .cat_color_red #s1_single_cat .video_controls .play_btn { background-color: var(--red); } .cat_color_red #s6_single_cat .text .logo strong { color: var(--red); } .cat_color_green #s1_single_cat { box-shadow: 0 0 5em rgb(var(--green-rgb) / 100%); } .cat_color_green #s1_single_cat .video_controls .play_btn { background-color: var(--green); } .cat_color_green #s6_single_cat .text .logo strong { color: var(--green); } .cat_color_grey #s1_single_cat { box-shadow: 0 0 5em rgb(var(--grey-rgb) / 100%); } .cat_color_grey #s1_single_cat .video_controls .play_btn { background-color: var(--grey); } .cat_color_grey #s6_single_cat .text .logo strong { color: var(--grey); } .cat_color_purple #s1_single_cat { box-shadow: 0 0 5em rgb(var(--purple-rgb) / 100%); } .cat_color_purple #s1_single_cat .video_controls .play_btn { background-color: var(--purple); } .cat_color_purple #s6_single_cat .text .logo strong { color: var(--purple); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - SINGLE PRODOTTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single_product { overflow: visible; } #s1_single_product .popup_filter { display: none; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; background-color: rgb(var(--blue-rgb) / 75%); backdrop-filter: blur(10px); } #s1_single_product .iframe_container { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 6; width: calc(100% - var(--c10o)); height: fit-content; max-height: calc(100dvh - 4em - 3em - 3em); border: 1px solid var(--grey-l); border-radius: .5em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #s1_single_product .iframe_container .controls { gap: .5em; padding: .5em 1em 1em 1em; z-index: 2; } #s1_single_product .iframe_container .controls button { width: fit-content; gap: .5em; padding: .5em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); transition: .25s ease; } #s1_single_product .iframe_container .controls button[disabled]{opacity: .5;} #s1_single_product .iframe_container .controls button span { width: 2.625em; height: 1.375em; padding: .125em; background-color: #a0a0a0; border-radius: 20em; overflow: hidden; } #s1_single_product .iframe_container .controls button span span.dot { width: 1.125em; height: 1.125em; border-radius: 20em; background: var(--white); box-shadow: 0 0 .125em rgb(10 10 10 / 25%); transition: .25s ease; } #s1_single_product .iframe_container .controls button:hover {} #s1_single_product .iframe_container .controls button:hover span span.dot {} #s1_single_product .iframe_container .controls button.active {} #s1_single_product .iframe_container .controls button.active:hover {} #s1_single_product .iframe_container .controls button.active span { background-color: var(--green); } #s1_single_product .iframe_container .controls button.active span span.dot { transform: translateX(1.25em); } #s1_single_product .iframe_container .close_btn { top: 0; right: 0; width: 2.5em; padding: .5em; } #s1_single_product .iframe_container .close_btn svg { width: 100%; } #s1_single_product .iframe_container .close_btn svg path { fill: var(--blue); transition: .25s ease; } #s1_single_product #trigger_btn { display: flex; gap: 1em; margin: 1.5em auto 0 auto; padding: .5em 1em; border-color: var(--blue-l); background: var(--blue-l); color: var(--white); } #s1_single_product #trigger_btn svg { width: 1.25em; } #s1_single_product #trigger_btn svg path { fill: var(--white); } /* Single Main Gallery */ #s1_single_product #single_var_gallery picture img { object-fit: contain; } #s1_single_product #single_var_gallery .swiper_thumbs { top: auto; bottom: auto; right: auto; left: auto; margin: 1.5em 0 0 0; gap: .5em; } #s1_single_product #single_var_gallery .swiper_thumbs button { width: fit-content; height: auto; margin: 0; padding: .5em 1em; border: 1px solid var(--blue); border-radius: 20em; background-color: transparent; opacity: 1; font: 500 75% / 1.25 var(--main-font); color: var(--blue); } #s1_single_product #single_var_gallery .swiper_thumbs button.swiper-pagination-bullet-active { background-color: var(--blue); color: var(--white); } #s1_single_product #single_var_gallery .nav_wrapper { gap: .5em; margin-top: 1.5em; } #s1_single_product #single_var_gallery .nav_wrapper .swiper_thumbs { margin: 0; width: auto; } #s1_single_product #single_var_gallery .nav_wrapper .trigger_btn { display: flex; gap: .5em; padding: .5em 1em; border: 1px solid var(--blue); border-radius: 20em; background-color: var(--blue-l); font: 500 75% / 1.25 var(--main-font); color: var(--white); text-transform: none; } #s1_single_product #single_var_gallery .nav_wrapper .trigger_btn span { display: inline-block; min-width: fit-content; } #s1_single_product #single_var_gallery .nav_wrapper .trigger_btn svg { width: 1.25em; } #s1_single_product #single_var_gallery .nav_wrapper .trigger_btn svg path { fill: var(--white); } /* Title */ .s1_single .s1_title :where(h1, p) { text-shadow: none; } /* Intro */ #s1_single_product .intro { margin-top: 1.5em; gap: 1.5em; } #s1_single_product .intro picture { width: 7.5em; min-width: 7.5em; padding: .75em .75em .75em 1.25em; border: 1px solid var(--blue); } #s1_single_product .intro picture img { object-fit: contain; } #s1_single_product .intro p { font: 500 112.5% / 1.25 var(--main-font); color: var(--blue); } /* Struttura */ #s1_single_product .single_block + .single_block { margin-top: var(--c10v); } /*#s1_single_product .single_block h2 { padding-top: var(--c5v); }*/ #s1_single_product .single_block:first-of-type h2 { padding-top: 0; } #s1_single_product .single_block :where(p, li, p a, li a) { color: var(--blue); } #s1_single_product .single_block p a:not(.link, button){text-decoration:underline;} #s1_single_product .single_block li { position: relative; padding-left: 2.5em; margin-left: 0; list-style: none; } #s1_single_product .single_block li + li { margin-top: 1em; } #s1_single_product .single_block li::before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 2em; height: 2em; background: url(../images/svg/list.svg) no-repeat center / 100%; } #s1_single_product .single_block a.link:hover { color: var(--white); } #s1_single_product .single_block .logo_ban { max-width: 8em; max-height: 5em; margin-right: 1em; } /* Paragrafo */ #s1_single_product .single_block p iframe { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 9; } #s1_single_product .single_block :where(h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, ul + table, p + table, iframe + table, table + table) { margin-top: 1.5em; } #s1_single_product .single_block .wpforms-container li { padding-left: 0; } #s1_single_product .single_block .wpforms-container li + li { margin-top: 0; } #s1_single_product .single_block .wpforms-container li::before { display: none; } /* Links */ #s1_single_product .single_links { margin-top: 2.5em; gap: 1em 1.5em; } #s1_single_product .single_links .link { margin: 0; } /* Immagine */ #s1_single_product .sec_img:not(#single_var_gallery) picture { width: fit-content; margin: 0 auto; } /* Galleria */ #s1_single_product .single_block .nav_btn svg path { fill: var(--white); } #s1_single_product .single_block .slider_dots { margin-top: 1em; } /* Accordion */ #s1_single_product .sec_title + .accordion { margin-top: 1.5em; } #s1_single_product .accordion { background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #s1_single_product .accordion + .accordion { margin-top: .5em; } #s1_single_product .accordion_head { padding: 1em; text-align: left; } #s1_single_product .accordion_head h3 { font: 700 100% / 1.25 var(--title-font); } #s1_single_product .accordion_head svg { width: 1.5em; min-width: 1.5em; transition: .25s ease; } #s1_single_product .accordion_head svg path { fill: var(--blue); } #s1_single_product .accordion_head.active svg { transform: scaleY(-1); } #s1_single_product .accordion_text { display: none; padding: 0 1em 1em 1em; } /* Presse e filtri */ #s1_single_product .presse_compatibili .text + .swiper { margin-top: 1.5em; } #s1_single_product .presse_compatibili .swiper { overflow: visible; overflow-x: clip; width: calc(100% + 2em); margin: 0 -1em; padding: 0 1em; } #s1_single_product .presse_compatibili .filter_card { padding: 1.5em; box-shadow: 0 0 1em rgb(10 10 10 / 25%); } /* Tabs */ #s1_single_product .single_tabs .tab_wrapper { border-radius: .5em; overflow: hidden; background: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); } #s1_single_product .single_tabs .tab_wrapper .tab_btn_wrapper { background: rgb(var(--grey-rgb) / 25%); } #s1_single_product .single_tabs .tab_wrapper .tab_btn { padding: 1em; font: 700 100% / 1.125 var(--main-font); color: var(--blue); text-transform: uppercase; } #s1_single_product .single_tabs .tab_wrapper .tab_btn.active { background: var(--white); } #s1_single_product .single_tabs .tab_wrapper .tab div + div { margin-top: 1em; } #s1_single_product .single_tabs .tab_wrapper .tab { display: none; padding: 1em; } #s1_single_product .single_tabs .tab_wrapper .tab .text :where(p, li, p a, li a) { font: 400 100% / 1.5 var(--main-font); color: var(--black); } #s1_single_product .single_tabs .tab_wrapper .tab .text li { padding-left: 2em; } #s1_single_product .single_tabs .tab_wrapper .tab .text li::before { width: 1.5em; height: 1.5em; } #s1_single_product .single_tabs .tab_wrapper .tab .iframe_wrapper { border-radius: .5em; box-shadow: none; } #s1_single_product .single_tabs .tab_wrapper .tab.active { display: block; } #s1_single_product .single_tabs .tab_wrapper .tab .trigger_btn { display: flex; gap: .5em; width: auto; margin: 1em auto 0 auto; padding: .75em 1.25em; border: 1px solid var(--blue); border-radius: 20em; background: var(--blue-l); font: 500 100% / 1.25 var(--main-font); color: var(--white); text-transform: none; } #s1_single_product .single_tabs .tab_wrapper .tab .trigger_btn svg { width: 1.25em; } #s1_single_product .single_tabs .tab_wrapper .tab .trigger_btn svg path { fill: var(--white); transition: .25s ease; } #s1_single_product .single_tabs .tab_wrapper .tab .trigger_btn span { display: inline-block; } /* 3D */ #s1_single_product .single_3d_block div + div { margin-top: 1em; } #s1_single_product .iframe_wrapper { border-radius: 1em; border: 1px solid rgb(var(--grey-rgb) / 12.5%); background: var(--ice); box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); } #s1_single_product .iframe_wrapper .controls { gap: 0 .5em; padding: .5em 1em 1em 1em; z-index: 2; } #s1_single_product .iframe_wrapper .controls button { width: fit-content; gap: .5em; padding: .5em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); transition: .25s ease; } #s1_single_product .iframe_wrapper .controls button[disabled]{ opacity: .5; } #s1_single_product .iframe_wrapper .controls button span { width: 2.625em; height: 1.375em; padding: .125em; background-color: #a0a0a0; border-radius: 20em; overflow: hidden; } #s1_single_product .iframe_wrapper .controls button span span.dot { width: 1.125em; height: 1.125em; border-radius: 20em; background: var(--white); box-shadow: 0 0 .125em rgb(10 10 10 / 25%); transition: .25s ease; } #s1_single_product .iframe_wrapper .controls button.active span { background-color: var(--green); } #s1_single_product .iframe_wrapper .controls button.active span span.dot { transform: translateX(1.25em); } /* Form */ #s1_single_product .single_form .text + #form { margin-top: 1.5em; } #s1_single_product .single_form #form.form_risparmio .wpforms-container { background-color: var(--green); } #s1_single_product .single_form #form.form_risparmio .wpforms-field label:not(.wpforms-error) { color: var(--white); } #s1_single_product .single_form #form.form_risparmio .wpforms-field.int_label label:not(.wpforms-error) { color: var(--grey); } #s1_single_product .single_form #form.form_risparmio .wpforms-field.int_label.focus label:not(.wpforms-error) { color: var(--white); } #s1_single_product .single_form #form.form_risparmio .choices .choices__list--single { font-size: var(--rem); line-height: 1.25; } /* Calcolatore Risparmio */ #form .wpforms-container.form-risparmio { padding: 1.5em; border-radius: .75em; background-color: var(--green); } #form .wpforms-container.form-risparmio h3 { font: 700 125% / 1.125 var(--title-font); text-transform: uppercase; } #form .wpforms-container.form-risparmio .wpforms-field label:not(.wpforms-error) { color: var(--white); } #form .wpforms-container.form-risparmio .wpforms-field :where(input, textarea, select, .choices__inner), #form .wpforms-container.form-risparmio .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]{ border-color: var(--white); background-color: var(--white); } #form .wpforms-container.form-risparmio .wpforms-field.form-calc { } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn { position: relative; width: 100%; padding: .75em .75em; margin: .75em 0 1.5em 0; border-radius: .5em; background-color: rgb(255 255 255 / 87.5%); font-size: 100%; line-height: 1.125; text-align: center; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn:before { display: inline-block; content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%, calc(-100% + 1px)); width: 0; height: 0; margin: auto; border-left: .5em solid transparent; border-right: .5em solid transparent; border-bottom: .75em solid rgb(255 255 255 / 87.5%); } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn br { display: none; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn span { font-weight: 700; color: var(--green); text-decoration: underline; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc-form-wrapper { display: none; margin-bottom: 1.5em; padding: 1em; border-radius: .5em; background-color: rgb(255 255 255 / 25%); } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc-form-wrapper .btn_calcola_sviluppo { margin: 1.5em 0 0 0; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc-form-wrapper .btn_calcola_sviluppo a { padding: .5em; border-radius: .25em; background-color: var(--grey); font-weight: 700; color: var(--white); text-align: center; user-select: auto; cursor: pointer; } /* Quick Menu */ #quick_menu { bottom: .5em; left: .5em; width: calc(100% - 1em); border-radius: .5em; overflow: hidden; background-color: var(--ice); z-index: 3; } #quick_menu select { appearance: none; -webkit-appearance: none; width: 100%; height: auto; padding: 1em 2em 1em .5em; border-bottom: 1px solid transparent; border-top: 1px solid var(--blue); font: 500 100% / 1 var(--main-font); color: var(--black); white-space: nowrap; text-overflow: ellipsis; background: url(../images/svg/form_sel_open_1.svg) no-repeat calc(100% - .5em) / 1em; cursor: pointer; } #quick_menu select:active, #quick_menu select:focus { background-image: url(../images/svg/form_sel_close_1.svg); } #quick_menu select option { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: var(--ice); color: var(--black); } #quick_menu button.to_form { min-width: fit-content; max-width: 50%; padding: 1em .5em; background-color: var(--blue); border: 1px solid var(--blue); font: 500 100% / 1 var(--main-font); color: var(--white); text-transform: uppercase; text-align: center; } #quick_menu .to_form:hover { background-color: var(--blue-l); } /* 3D Modal Viewer */ #viewer_3d_modal { display: none; top: 0; left: 0; padding: 1em; align-content: center; z-index: 6; } #viewer_3d_modal .overlay { background-color: rgb(var(--blue-rgb) / 75%); backdrop-filter: blur(10px); } #viewer_3d_modal .modal_3d_wrapper { border: 2px solid var(--blue); border-radius: .75em; background-color: var(--ice); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } #viewer_3d_modal .modal_3d_wrapper > .flex { max-height: calc(100dvh - 2em); overflow-y: scroll; } #viewer_3d_modal .modal_3d_wrapper > .flex::-webkit-scrollbar { width: 10px; background-color: transparent; } #viewer_3d_modal .modal_3d_wrapper > .flex::-webkit-scrollbar-thumb { width: 8px; border-radius: 20em 0 0 20em; background-color: var(--blue); } #viewer_3d_modal .modal_3d_wrapper .text { padding: 1.5em 1em; } #viewer_3d_modal .modal_3d_wrapper .text :where( h1 + p, h1 + ul, h1 + a, h2 + p, h2 + ul, h2 + a, h3 + p, h3 + ul, h3 + a, h4 + p, h4 + ul, h4 + a, h5 + p, h5 + ul, h5 + a, p + p, p + ul, ul + p, ul + ul ) { margin-top: .5em; } #viewer_3d_modal .modal_3d_wrapper .controls { z-index: 2; } #viewer_3d_modal .modal_3d_wrapper .controls button { width: fit-content; gap: .5em; padding: .5em; font: 500 100% / 1.25 var(--main-font); color: var(--blue); transition: .25s ease; } #viewer_3d_modal .modal_3d_wrapper .controls button[disabled]{opacity: .5;} #viewer_3d_modal .modal_3d_wrapper .controls button span { width: 2.625em; height: 1.375em; padding: .125em; background-color: #a0a0a0; border-radius: 20em; overflow: hidden; } #viewer_3d_modal .modal_3d_wrapper .controls button span span.dot { width: 1.125em; height: 1.125em; border-radius: 20em; background: var(--white); box-shadow: 0 0 .125em rgb(10 10 10 / 25%); transition: .25s ease; } #viewer_3d_modal .modal_3d_wrapper .controls button:hover {} #viewer_3d_modal .modal_3d_wrapper .controls button:hover span span.dot {} #viewer_3d_modal .modal_3d_wrapper .controls button.active {} #viewer_3d_modal .modal_3d_wrapper .controls button.active:hover {} #viewer_3d_modal .modal_3d_wrapper .controls button.active span { background-color: var(--green); } #viewer_3d_modal .modal_3d_wrapper .controls button.active span span.dot { transform: translateX(1.25em); } #viewer_3d_modal .modal_3d_wrapper #form { padding: 1.5em 1em; } #viewer_3d_modal .modal_3d_wrapper #form {} #viewer_3d_modal .close_btn { top: 0; right: 0; transform: translate(.75em, -.75em); width: 2.5em; background-color: var(--ice); border-radius: 20em; z-index: 2; } #viewer_3d_modal .close_btn svg path { fill: var(--blue); } /* Porgress Bar */ #page_progress { position: fixed; top: 6.625em; left: 0; width: 100%; height: 4px; z-index: 3; background: rgb(var(--grey-rgb) / 12.5%); transition: .25s ease-out; } #page_progress.stuck { transform: translateY(-2.75em); } #page_progress span { display: block; width: 100%; height: 100%; background: var(--blue); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: clip-path 0.1s ease-out; } /* Side Form */ #side_form_overlay { display: none; top: 0; left: 0; background-color: rgb(var(--blue-rgb) / 75%); z-index: 4; } #side_form_overlay.active { transform: translateX(0%); } #side_form { bottom: 1em; right: 0; transform: translateX(100%); width: 26em; max-width: calc(100% - var(--c5o)); max-height: calc(100dvh - 2em); overflow-y: scroll; border: 1px solid var(--white); border-radius: .75em 0 0 .75em; background-color: var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 25%); transition: .25s ease; z-index: 5; } #side_form.active { transform: translateX(0); } #side_form .form_head { gap: .5em; padding: .5em 1em; background-color: var(--blue); } #side_form .form_head .close_btn { width: 2em; min-width: 2em; height: 2em; } #side_form .form_head .close_btn svg { width: 100%; } #side_form .form_head .close_btn svg path { fill: var(--white); transition: .25s ease; } #side_form .form_head h3 { font: 600 112.5% / 1.25 var(--title-font); color: var(--white); text-align: center; text-transform: uppercase; } #side_form #form { padding: 1em; } #side_form #form button[type=submit], #form input[type=submit] { padding: .5em 1.25em; font-size: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - SINGLE ARTICOLO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single { overflow: visible; } #s1_single .container { padding-bottom: var(--c10v); } /* Content */ #s1_single .text :where( h1 + img, h2 + img, h3 + img, h4 + img, h5 + img, ul + img, p + img, a + img, img + h1, img + h2, img + h3, img + h4, img + h5, img + ul, img + p, img + a, img + img){ margin-top: 1.5rem; } #s1_single .tag_list + .date { margin-top: .5em; } #s1_single .date { display: inline-block; padding: .5em 1.25em; background-color: var(--blue); border-radius: 20em; font-weight: 500; color: var(--white); } #s1_single .text h1 { font-size: calc(var(--h1-size) * .75); } #s1_single .text .article_subtitle { font-size: 125%; line-height: 1.25; color: var(--grey); } #s1_single .text .article_subtitle::first-letter { display: inline-block; content: ''; float: left; padding: .5rem 1.25rem; margin-right: .75rem; background-color: var(--blue); font-size: 3rem; line-height: 1; color: var(--white); } #s1_single .text img { width: 100%; height: auto; } #s1_single .text p + img { margin-top: 1.5em; } #s1_single .text .wp-caption .wp-caption-text { font-size: 87.5%; text-align: left; } #s1_single .wpmf-gallerys { margin: 1.5em 0 0 0; } #s1_single .wpmf-gallerys .slick-dotted.slick-slider { margin: 0; } #s1_single .wpmf-gallerys .slick-prev, #s1_single .wpmf-gallerys .slick-next { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; z-index: 1; } #s1_single .wpmf-gallerys .slick-prev { left: 0; } #s1_single .wpmf-gallerys .slick-next { right: 0; } #s1_single .wpmf-gallerys .slick-prev:before, #s1_single .wpmf-gallerys .slick-next:before { color: var(--white) !important; } #s1_single .wpmf-gallerys .slick-track:before, #s1_single .wpmf-gallerys .slick-track:after { display: none; } #s1_single .wpmf-gallerys .slick-dots { position: relative; bottom: auto; display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1rem; } #s1_single .wpmf-gallerys .slick-dots li { width: auto; height: auto; margin: 0; padding: 0; } #s1_single .wpmf-gallerys .slick-dots li button { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; padding: .5rem; } #s1_single .wpmf-gallerys .slick-dots li button:before { content: '•'; position: absolute; top: 0; left: 0; width: .75rem; height: .75rem; font-size: .75rem; line-height: 1; font-family: 'slick'; color: var(--blue); text-align: center; opacity: .5; transition: .25s ease; } #s1_single .wpmf-gallerys .slick-dots li.slick-active button:before { opacity: 1; } #s1_single #single_content_foot { gap: 1em 1.5em; margin-top: var(--c10v); } #s1_single #single_content_foot .singature { font-size: 75%; color: var(--grey); } #s1_single #single_content_foot .share {} #s1_single #single_content_foot .share p { font: 700 75% / 1.25 var(--main-font); color: var(--blue); } #s1_single #single_content_foot .share .a2a_kit {} #s1_single #single_content_foot .share .a2a_kit a {} #s1_single #single_nav_wrapper { gap: 1em 1.5em; } #s1_single #single_nav_wrapper .single_nav { display: flex; max-width: calc(50% - .75rem); text-transform: none; border: 1px solid transparent; background: var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 12.5%); } #s1_single #single_nav_wrapper .single_nav picture { width: 25%; min-width: 25%; } #s1_single #single_nav_wrapper .single_nav .text { padding: .5em 1em; } #s1_single #single_nav_wrapper .single_nav .text .head { gap: .5em; } #s1_single #single_nav_wrapper .single_nav .text svg { width: .75em; min-width: .75em; } #s1_single #single_nav_wrapper .single_nav .text svg path { fill: var(--grey); transition: .25s ease; } #s1_single #single_nav_wrapper .single_nav .text p { display: block; font: 500 87.5% / 1.25 var(--main-font); color: var(--grey); } #s1_single #single_nav_wrapper .single_nav .text .head + h4 { margin-top: .5em; } #s1_single #single_nav_wrapper .single_nav .text h4 { font: 700 100% / 1.125 var(--main-font); color: var(--blue); transition: .25s ease; } #s1_single #single_nav_wrapper .single_nav:hover { background-color: var(--ice); } /* Sidebar */ #single_sidebar > div + div { margin-top: 2em; } #single_sidebar > div > h4 { margin-bottom: .5rem; font-weight: 700; font-size: 87.5%; text-transform: uppercase; text-align: left; } #single_sidebar .tags .tag_list li { padding: 0; background: transparent; } #single_sidebar .tags .tag_list li a { padding: .5em 1.25em; border-radius: 20em; border: 1px solid var(--blue); background-color: var(--blue); color: var(--white); } #single_sidebar .tags .tag_list li a.azzurro { border-color: var(--blue-l); background-color: var(--blue-l); } #single_sidebar .tags .tag_list li a.verde { border-color: var(--green); background-color: var(--green); } #single_sidebar .tags .tag_list li a.verdone { border-color: var(--green-d); background-color: var(--green-d); } #single_sidebar .tags .tag_list li a.grigio { border-color: var(--grey); background-color: var(--grey); } #single_sidebar .tags .tag_list li a.viola { border-color: var(--purple); background-color: var(--purple); } #single_sidebar .tags .tag_list li a.rosso { border-color: var(--red); background-color: var(--red); } #archive_filter button.azzurro.active, #archive_filter button.azzurro:hover { background-color: var(--blue-l); border-color: var(--blue-l); } #archive_filter button.verde.active, #archive_filter button.verde:hover { background-color: var(--green); border-color: var(--green); } #archive_filter button.verdone.active, #archive_filter button.verdone:hover { background-color: var(--green-d); border-color: var(--green-d); } #archive_filter button.grigio.active, #archive_filter button.grigio:hover { background-color: var(--grey); border-color: var(--grey); } #archive_filter button.viola.active, #archive_filter button.viola:hover { background-color: var(--purple); border-color: var(--purple); } #archive_filter button.rosso.active, #archive_filter button.rosso:hover { background-color: var(--red); border-color: var(--red); } #single_sidebar .latest_post .card-blog picture { aspect-ratio: 16 / 9; } #single_sidebar .latest_post .card-blog .text { padding: 1em; } #single_sidebar .latest_post .card-blog .text h3 { margin-top: .5em; } #single_sidebar .share .a2a_kit { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: .25em; } #single_sidebar .share .a2a_kit a { float: none; } /* Related */ .sec_related .sec_title :where(h2, h3, h4) { font-weight: 100; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - SINGLE WYRE STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single_style .container { min-height: 75vh; padding-bottom: var(--c10v); } #s1_single_style .filter { background: linear-gradient(to right, rgb(18 30 98 / 50%) 0%, rgb(10 10 10 / 0%) 100%); mix-blend-mode: multiply; } #s1_single_style .s1_title h1 { text-shadow: 0 0 .5em rgb(10 10 10 / 75%); } #s1_single.s2 .date { margin-bottom: 1.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE - SINGLE LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single .text #form { padding: 1.5em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 25%); } /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /* WP-Form - Custom */ #form { background-color: transparent; } #form p + .wpforms-container { margin-top: 1.5em; } #form .wpforms-field { float: none; margin: 0; overflow: hidden; } #form .wpforms-field + .wpforms-field { margin-top: .75em; } #form .wpforms-field + .wpforms-field.int_label { margin-top: .5em; } #form .wpforms-field label { margin: 0 0 .125em .5rem; } #form .wpforms-field.int_label label:not(.wpforms-error), #form .wpforms-field.wpforms-field-name.int_label .wpforms-one-half label:not(.wpforms-error) { display: inline-block; height: 1.25rem; margin: 0; font: 400 100% / 1.25 var(--main-font); color: var(--grey); transform: translate(calc(.5rem + 1px), 1.8275rem); will-change: transform, align-content; transition: .25s ease; } #form .wpforms-field.int_label.focus label:not(.wpforms-error), #form .wpforms-field.int_label.focus label:not(.wpforms-error), #form .wpforms-field.wpforms-field-name.int_label.focus .wpforms-one-half label:not(.wpforms-error) { transform: translate(calc(.5rem + 1px), -.125rem); align-content: end; font: 700 85% / 1 var(--main-font); color: var(--black); } #form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--blue); border-radius: .25em; padding: .5em .5em; font: 400 100% / 1.25 var(--main-font); color: var(--black); } #form .wpforms-field .wpforms-field-row:before, #form .wpforms-field .wpforms-field-row:after { display: none; } #form .wpforms-field.wpforms-field-name .wpforms-one-half { display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; } #form .wpforms-field.wpforms-field-name .wpforms-one-half label:not(.wpforms-error) { margin: 0 0 .125em .5rem; font: 700 85% / 1.25 var(--main-font); color: var(--black); } #form .wpforms-field.wpforms-field-checkbox label:not(.wpforms-error) { margin-bottom: .25rem } #form .wpforms-field.wpforms-field-select { overflow: visible; } #form .wpforms-field .choices__inner { min-height: calc(2.25rem + 2px); line-height: 1.25; border: 1px solid var(--blue); border-radius: .25em; background-color: transparent; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid var(--blue); border-radius: .25em; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked {} #form .wpforms-field.wpforms-field-checkbox li label:not(.wpforms-error) { margin: 0; color: var(--blue); } #form .wpforms-field.wpforms-field-checkbox li label:not(.wpforms-error) a:hover { color: var(--blue-l); } #form .wpforms-recaptcha-container { padding: 0; } #form .wpforms-submit-container { margin: 1.5rem 0 0 0; } #form button[type=submit], #form input[type=submit] { width: 100%; padding: .75em 1.25em .625em 1.25em; margin-top: 0; background-color: var(--blue); border: 1px solid var(--blue); border-radius: .5em; text-transform: uppercase; } #form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--blue-l); } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie {} /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_404 { background-color: var(--bkg_color); } #s1_404 .s1_title :where(h1, p) { text-shadow: none; } #s1_404 .s1_title h1 { font-weight: 700; font-size: clamp(80px, 20vw, 200px); } #s1_404 .s1_title p { font: 500 150% / 1.25 var(--main-font); color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) ) * => CALC 1920px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) ) * => CALC 1280px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) ) * => CALC 1024px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 360 * * __________________________________________________________________________________________________________________________________________________________________________ */ /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Quick Menu */ /* Head Content */ /* Hamburger */ /* Sub Menu */ /* Nav Menu */ /* Smart Search */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ .link { padding: .75em 1.25em; } /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ /* Sidebar */ /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ /* Countries */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ .sec_title p:not(.h2, .h3, .h4, .h5, .h6) { font-size: 100%; } /* Section News */ /* Section Sostenibilità */ /* Section Blog */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ /* Card News */ /* Card Prodotto */ /* Card Blog */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec Cat */ #s3_home .tabs button { padding: 1.5em; } #s3_home .tabs button img { margin-right: -1.25em; } #s3_home .card .text h2 { font-size: 200%; } /* Sec Best Seller */ /* Sec Academy */ /* Sec Blog */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ /* Template Dicono di noi */ /* Template Press Kit */ /* Template Academy / Video */ /* Template Logistica */ /* Template Certificati e Studi tecnici */ /* Template Contatti */ /* Template Lavora con noi */ /* Template Diventa Distributore */ /* Template Reclamo */ /* Template Redirect */ .support_card { max-width: calc(50% - 2em); } .support_card:nth-of-type(1) { width: 100%; max-width: unset; } .card_info a .flex-el { flex: unset; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ /* Archive Blog / News / Wyre Style */ /* Archive Lavora con Noi */ /* Section 2 */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ /* Template - Single Prodotto */ #quick_menu select { padding-left: 1em; padding-right: 2.5em; background-position: calc(100% - 1em); } #quick_menu button.to_form { padding: 1em; } /* Template - Single Articolo */ /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Quick Menu */ /* Head Content */ /* Hamburger */ /* Sub Menu */ /* Nav Menu */ /* Smart Search */ #search_card .single_result#result_products li a { font-size: 100%; gap: 1.5em; } #search_card .single_result li a picture { width: 7.5em; min-width: 7.5em; } #search_card .single_result li a .text span { font: 500 125% / 1.5 var(--main-font); color: var(--black); } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ /* Sidebar */ /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ /* Countries */ /* Credits */ #credits br { display: none; } #credits .resp_sep { display: inline-block; } /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ /* Section News */ /* Section Sostenibilità */ #sec_sostenibilita .swiper .card.swiper-slide-next { opacity: 1; } /* Section Blog */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ /* Card News */ /* Card Prodotto */ /* Card Blog */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec Cat */ #s3_home .tabs button { padding: 1.5em 2.5em; } #s3_home .card .text h2 { font-size: var(--h2-size); } /* Sec Best Seller */ /* Sec Academy */ /* Sec Blog */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ /* Template Dicono di noi */ #s1_about-us .grid { grid-template-columns: 1fr 1fr; } /* Template Press Kit */ #s1_press-kit .grid { grid-template-columns: 1fr 1fr; } #s1_press-kit .grid .text.blue, #s1_press-kit .grid .text.grey { grid-column: 2 span; } /* Template Academy / Video */ #s2_academy .sec_block .card-blog a { grid-template-columns: 1fr 1fr; } #s2_academy .sec_block .card-blog picture { min-height: 100%; } /*#s2_academy .sec_block .card-blog picture img { object-position: left; }*/ #s2_academy .sec_block .card-blog .text { padding: 1.5em .5em 1em 1.5em; } /* Template Logistica */ /* Template Certificati e Studi tecnici */ /* Template Contatti */ #contatti_nav .grid { grid-template-columns: 1fr 1fr 1fr 1fr; } #sales_team_cards { gap: 4em 2em; } #sales_team_cards .support_card:nth-of-type(1) { width: 100%; } #sales_team_cards .support_card { width: calc((100% / 3) - (4em / 3)); } #s4_contatti .card_info { display: grid; grid-template-columns: 1fr 1fr; } #s4_contatti .card_info > .text { grid-column: 2 span; } #s4_contatti .card_info > picture { aspect-ratio: unset; height: 100%; } #s4_contatti .card_info > .link_wrapper a { height: 50%; padding: 1.5em 1em; } /* Template Lavora con noi */ /* Template Diventa Distributore */ #s4_distributore .card_sector picture { aspect-ratio: 16 / 9; } /* Template Reclamo */ /* Template Redirect */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ /* Archive Blog / News / Wyre Style */ /* Archive Lavora con Noi */ /* Section 2 */ .s2_archive .grid { grid-template-columns: 1fr 1fr; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ /* Template - Single Prodotto */ #single_var_gallery .swiper-slide picture { aspect-ratio: 4 / 3; } #s1_single_product .presse_compatibili .filter_card picture + .text { margin-top: 1em; } #s1_single_product .presse_compatibili .filter_card h3 { font-size: 150%; } #s1_single_product .presse_compatibili .filter_card h3 + p { margin-top: .5em; } #s1_single_product .presse_compatibili .filter_card p { font-size: 87.5%; line-height: 1.25; } .card_related picture { position: relative; top: auto; left: auto; height: auto; aspect-ratio: 16 / 9; } /* Template - Single Articolo */ #s1_single #single_nav_wrapper { align-items: flex-start; flex-wrap: nowrap; } #s1_single #single_nav_wrapper .single_nav.post_next { flex-direction: row-reverse; } /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ header.stuck { transform: translateY(0); } /* Logo */ /* Quick Menu */ #head_quick_menu { display: none; } .sub_menu_btn { display: flex; margin-right: 1em; font-size: 67.5%; } .sub_menu_btn:hover, .sub_menu_btn.active { color: var(--blue-l); } .sub_menu_btn.active svg { transform: rotateX(180deg); } .sub_menu_btn:hover svg path, .sub_menu_btn.active svg path { fill: var(--blue-l); } /* Head Content */ #head_search { gap: .75em; padding: .75em 1em; margin-right: 1em; font-size: 87.5%; color: var(--grey); background-color: var(--white); border-radius: .5em; box-shadow: 0 0 1em rgb(var(--grey-rgb) / 25%); transition: .25s ease; } #head_search span { display: inline-block; } #head_search svg { width: 1em; min-width: 1em; } #head_search svg path { fill: var(--grey); transition: .25s ease; } #head_search:hover, #head_search:focus { color: var(--blue-l); } #head_search:hover svg path, #head_search:focus svg path { fill: var(--blue-l); } #head_lang .wpml-ls-current-language > a:hover { color: var(--blue-l); } /* Hamburger */ #hamburger:hover span { background-color: var(--blue-l); } #hamburger.tapped:hover { } /* Sub Menu */ .sub_menu { z-index: 1; top: 4em; left: 0; } .sub_menu .wrapper { max-height: calc(100dvh - 4em); padding: 2em var(--c2o); background-color: var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 12.5%); } .sub_menu .head_block { align-self: center; } .sub_menu .head_block img { width: 7.5em; } .sub_menu .head_block img + h3 { margin-top: 1.5rem; } .sub_menu .head_block h3 { font-weight: 300; } .sub_menu .head_block .link_wrapper { gap: 1em; margin-top: 1.5rem; } .sub_menu .head_block .link_wrapper .link { background-color: transparent; } .sub_menu .head_block .link_wrapper .link:hover { background: var(--blue); } .sub_menu .content_block.w66xl { width: calc(((100% / 3) * 2) - ((var(--c2o) * 2) / 3)); } .sub_menu .content_block p { font: 400 100% / 1.25 var(--main-font); color: var(--blue); } .sub_menu .content_block p + .grid { margin-top: 1em; } .sub_menu .content_block .grid { gap: .5em; } .sub_menu .content_block:not(.w25l) .grid { grid-template-columns: 1fr 1fr; } .sub_menu .content_block .grid a { gap: .5em; padding: .75em .5em; border: 1px solid transparent; border-radius: .75em; background-color: var(--white); box-shadow: 0 0 1em rgb(10 10 10 / 12.5%); } .sub_menu .content_block .grid a picture { width: 4em; min-width: 4em; } .sub_menu .content_block .grid a picture img { object-fit: contain; } .sub_menu .content_block .grid a h3 { flex: 1 1 auto; font: 400 75% / 1.25 var(--title-font); } .sub_menu .content_block .grid a:hover { background-color: var(--ice); border-color: var(--blue); } #sub_menu_bwr .content_block.w44xl { width: calc( ((((100% / 3) * 2) / 3 ) * 2) - ((var(--c2o) * 2 ) / 3) ); } #sub_menu_bwr .content_block.w22xl { width: calc( (((100% / 3) * 2) / 3 ) - ((var(--c2o) * 2 ) / 3) ); } #sub_menu_bwg .content_block .grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } #sub_menu_bwg .content_block .grid a { gap: 1em; padding: .75em 1em; } #sub_menu_bwg .content_block .grid a:nth-of-type(1) { grid-column: 3 span; } #sub_menu_bwg .content_block .grid a:nth-of-type(2) { grid-column: 2 span; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) { grid-column: 5 span; display: flex; align-items: center; min-height: 12em; padding: 0; } #sub_menu_bwg .content_block .grid a:nth-of-type(1) picture { aspect-ratio: 2 / 1; width: 50%; min-width: 50%; } #sub_menu_bwg .content_block .grid a:nth-of-type(2) picture { aspect-ratio: 4 / 3; width: 40%; min-width: 40%; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text { width: calc(60% - .5em); max-width: 60%; padding: 1.5em; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text h3 { font-weight: 700; font-size: 125%; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text h3 + p { margin-top: .5em; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text p strong { font-weight: 700; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text p strong span { color: #8d8c8f; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) .text p strong sup { font-size: 50%; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) picture { width: calc(40% - .5em); aspect-ratio: 4 / 3; } #sub_menu_bwg .content_block .grid a:nth-of-type(3) picture img { object-position: right; } #sub_menu_bwg .content_block .grid a h3 { font-size: 100%; } #sub_menu_bwc .content_block .grid a { gap: 1em; } #sub_menu_bwc .content_block .grid a:nth-of-type(1) { grid-row: 3 span; flex-direction: column; } #sub_menu_bwc .content_block .grid a:nth-of-type(1) picture { aspect-ratio: 1 / 1; width: 75%; min-width: 75%; } #sub_menu_bwc .content_block .grid a:nth-of-type(1) h3 { flex: initial; } #sub_menu_bwc .content_block .grid a picture { aspect-ratio: 2 / 1; width: 40%; min-width: 40%; } /* Nav Menu */ #main_nav .menu_wrapper { top: 4em; min-height: auto; padding: 1.5em 3em; } #main_nav .menu { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5em 3em; } #main_nav .menu > li { width: calc(20% - 1.5em); } #main_nav .menu li.menu_parent > a { min-width: max-content; margin-left: 0; padding: 0; border-top: 0; font-size: 100%; } #main_nav .menu li.menu_parent > a::after { display: none; } #main_nav .menu .sub-menu { display: block; margin: 0; padding-bottom: 0; border: 0; background-color: transparent; } #main_nav .menu .sub-menu li a { padding: .5rem 0; font-size: 75%; } #main_nav .menu .sub-menu li a:hover { color: var(--blue-l); text-decoration: underline; } /* Smart Search */ #search_card .single_result li a picture { width: 5em; min-width: 5em; } #search_card .single_result li a .text span { font-size: 125%; } /* MOD */ .head_wrapper { background-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 1em; } /*.head_wrapper::before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150%; background: linear-gradient(to bottom, rgb(10 10 10 / 50%) 0%, rgb(10 10 10 / 0%) 100%); mix-blend-mode: multiply; }*/ .head_logo :where(img, svg) { filter: brightness(0) invert(1); } .head_wrapper > .flex-el { flex: initial; background-color: rgb(var(--white-rgb) / 90%); box-shadow: 0 0 2.5em rgb(var(--blue-rgb) / 25%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: .5em; } .sub_menu_btn { margin: 0; } .sub_menu_btn, #head_lang .wpml-ls-current-language > a { color: var(--blue); } .sub_menu_btn svg path { fill: var(--blue); } .sub_menu { top: 4.5em; left: 1em; width: calc(100% - 2em); border-radius: 1em; overflow: hidden; } .sub_menu .wrapper { background: rgb(var(--white-rgb) / 90%); } .sub_menu .content_block .grid a { border-radius: 0; background-color: transparent; box-shadow: none; padding: .5em 0; } #head_lang { margin-right: .5em; } #head_lang .wpml-ls-current-language > a { display: flex; align-items: center; justify-content: flex-start; gap: .5em; padding: .5em; } #head_lang a.wpml-ls-item-toggle:after, #head_lang > svg { display: none; } #head_lang > svg { bottom: 50%; right: .5em; transform: translate(0%, 50%); } #head_lang > svg path { fill: var(--blue); } #head_search { margin-right: .5em; padding: .5em; color: var(--blue); background-color: transparent; box-shadow: none; } #head_search span { display: none; } #head_search svg { width: 1em; } #head_search svg path { fill: var(--blue); } #hamburger { padding: .375em; background: transparent; border-radius: 0 .5rem .5rem 0; background-color: rgb(var(--white-rgb) / 50%); } #hamburger span { width: 1.25em; background-color: var(--blue); } #hamburger .top_bun { top: .625em; } #hamburger .bottom_bun { bottom: .625em; } #main_nav .menu_wrapper { top: 4.5em; left: 1em; width: calc(100% - 2em); border-radius: 1em; background: rgb(var(--white-rgb) / 90%); } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ .link { padding: .5em 1.25em; } /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ .text h2 { font-weight: 300; } .tag_list li { font-size: 75%; } /* Sidebar */ /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer .wrapper.blue > .container { padding: var(--c7v) var(--c2o); } .foot_block { width: fit-content; text-align: left; } .foot_block p a:hover { text-decoration: underline; } /* Info */ #foot_contact p a { font-size: 125%; } #foot_contact p + .social { justify-content: flex-start; margin-left: -.5em; } #foot_contact .social a img { transition: .25s ease; will-change: transform; } #foot_contact .social a:hover img { transform: scale(1.15); } /* Countries */ #foot_countries .container { grid-template-columns: 1fr 1fr 1fr 1fr; } #foot_countries .country_block, #foot_countries .country_block:nth-of-type(odd) { border-right: 0; } #foot_countries .country_block { border-left: 1px solid rgb(var(--blue-rgb) / 75%); } #foot_countries .country_block:nth-of-type(1) { border: 0; } #foot_countries .country_info a:hover { color: var(--blue-l); text-decoration: underline; } /* Credits */ #credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--blue); text-decoration: underline; } #credits #credits_studio:hover { color: #e74e0f; } /* Back Top */ #back_top { opacity: 1; border-radius: 20em; } #back_top:hover { background-color: var(--blue); } #back_top:hover .arrow { fill: var(--white); } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ .s1 .container { padding-top: calc(var(--c10v) + 4rem); } /* Section News */ #slider_news .container { padding-left: var(--c2o); } #slider_news .sec_title { min-width: fit-content; } #slider_news .sec_title h2 { font-weight: 600; text-transform: uppercase; } #slider_news .sec_title h2 + .link_inline { margin-top: .5em; } #slider_news .swiper { padding: 1.5em 0 1.5em var(--c5o); } #slider_news .swiper::before, #slider_news .swiper::after { width: var(--c5o); } #slider_news .card-blog a { display: flex; } /* Section Sostenibilità */ #sec_sostenibilita .text_wrap { max-width: 1920px; margin: 0 auto var(--c10v) auto; } #sec_sostenibilita .text + .text { margin: 0; } #sec_sostenibilita .swiper .card.swiper-slide-prev { opacity: 1; } /* Section Blog */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ .card-custom .text h3 { font-size: 112.5%; } .card-custom .text p { font-size: 87.5%; } .card-custom button { transform: scale(0); opacity: 0; } .card-custom:hover button { transform: scale(1); opacity: 1; } /* Card News */ .card-news .text h3 { line-height: 1.25; } /* Card Prodotto */ .sec_card picture { aspect-ratio: 4 / 3; } /* Card Blog */ .card-blog .text h3 { font-size: 100%; } /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ .s1_title .search_btn { display: none; } #s1_home .container { } #s1_home .s1_title { } #s1_home .s1_title .link_wrapper { justify-content: flex-start; } #s1_home #scroll_btn { position: absolute; bottom: 1.5em; left: 50%; transform: translateX(-50%); margin: 0; } #s1_home #slider_news { position: absolute; bottom: 1.5em; right: 1.5em; padding: 0; width: 25%; background-color: transparent; } #s1_home #slider_news .swiper { padding: 0; } #s1_home #slider_news .swiper::before, #s1_home #slider_news .swiper::after { display: none; } /* Sec Cat */ #s3_home .card_wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2px; will-change: grid-template-columns; transition: .25s ease-out; } #s3_home .card_wrapper .card_cat_2, #s3_home .card_wrapper .card_cat_3 { position: relative; top: auto; left: auto; transform: none; } #s3_home .card { border-radius: .75em; } #s3_home .card > div { min-height: 80dvh; } #s3_home .card .logo { display: flex; } #s3_home .card .logo img { object-fit: contain; } #s3_home .card .text { justify-content: flex-start; gap: 1em; padding: 1.5em 4em 1.5em 1.5em; } #s3_home .card .text h2 { font-weight: 300; font-size: 2.5vw; max-width: 12ch; } #s3_home .card .text svg { transform: scale(0); opacity: 0; transition: .25s ease; } #s3_home .card:hover .text svg { transform: scale(1); opacity: 1; } #s3_home .card_wrapper { width: 100%; gap: 1px; } #s3_home .card { width: 100%; border-radius: 0; border: 0; background-color: var(--blue); } #s3_home .card > div { aspect-ratio: unset; } #s3_home .card picture, #s3_home .card video { opacity: .75; transition: .25s ease; } #s3_home .card .logo { display: flex; right: auto; left: .75em; width: 5em; padding: 1em .75em; } #s3_home .card_wrapper .card :where(.text, .link_btn, .logo) { transition: .25s ease-in-out; } #s3_home .card_wrapper.active_2, #s3_home .card_wrapper.active_3 { transform: translateX(0); } #s3_home .card_wrapper.active_1 { grid-template-columns: 1.25fr 1fr 1fr; } #s3_home .card_wrapper.active_1 .card_cat_2 :where(picture, video), #s3_home .card_wrapper.active_1 .card_cat_3 :where(picture, video) { opacity: .25; } #s3_home .card_wrapper.active_1 .card_cat_2 :where(.text, .link_btn, .logo), #s3_home .card_wrapper.active_1 .card_cat_3 :where(.text, .link_btn, .logo) { opacity: 0; } #s3_home .card_wrapper.active_2 { grid-template-columns: 1fr 1.25fr 1fr; } #s3_home .card_wrapper.active_2 .card_cat_1 :where(picture, video), #s3_home .card_wrapper.active_2 .card_cat_3 :where(picture, video) { opacity: .25; } #s3_home .card_wrapper.active_2 .card_cat_1 :where(.text, .link_btn, .logo), #s3_home .card_wrapper.active_2 .card_cat_3 :where(.text, .link_btn, .logo) { opacity: 0; } #s3_home .card_wrapper.active_3 { grid-template-columns: 1fr 1fr 1.25fr; } #s3_home .card_wrapper.active_3 .card_cat_1 :where(picture, video), #s3_home .card_wrapper.active_3 .card_cat_2 :where(picture, video) { opacity: .25; } #s3_home .card_wrapper.active_3 .card_cat_1 :where(.text, .link_btn, .logo), #s3_home .card_wrapper.active_3 .card_cat_2 :where(.text, .link_btn, .logo) { opacity: 0; } #s3_home .card:hover picture, #s3_home .card:hover video { opacity: 1; } /* Sec Best Seller */ /* #s2_home + #s3_home .container { padding-top: 0; } #s3_home .sec_title h2 br { display: none; } #s3_home .card-product a { border: 1px solid transparent; } #s3_home .card-product a:hover { border-color: rgb(var(--blue-rgb) / 50%); background-color: rgb(var(--ice-rgb) / 25%); } */ /* Sec Academy */ /* #s4_home .container { } #s4_home .sec_wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--c5o); min-height: calc(100dvh - var(--c5v) - 6em); padding: var(--c15v) var(--c3o); } #s4_home .sec_wrap > picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #s4_home .sec_wrap::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: linear-gradient(to right, rgb(var(--blue-rgb) / 100%) 0%, rgb(var(--blue-rgb) / 0%) 100%); } #s4_home .logo_academy { position: absolute; top: 50%; right: 50%; transform: translate(calc(100% + var(--c2o)), -50%); width: calc(50% - var(--c2o) - var(--c3o)); max-width: 24em; margin: 0; } */ #s4_home { height: 100dvh; padding: 0; } #s4_home .sec_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - var(--c5o)); height: calc(100% - var(--c12v)); border-radius: 1em; } #s4_home .sec_wrap picture { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } #s4_home .sec_wrap .filter { display: block; width: 75%; height: 100%; background: linear-gradient(to right, rgb(var(--blue-rgb) / 100%) 0%, rgb(var(--blue-rgb) / 0%) 100%); } #s4_home .container { height: 100dvh; background: transparent; padding: var(--c12v) var(--c5o); } #s4_home .text { padding: 0; } #s4_home .logo_academy { position: relative; top: auto; left: auto; transform: translate(0, 0); margin-bottom: 1.5em; } #s4_home .text { padding: 0; background: transparent; z-index: 1; } #s4_home .text p { display: block; text-transform: uppercase; } #s4_home .text p + h2 { margin-top: 1rem; } #s4_home .text h2 { font-size: var(--h2-size); } #s4_home .text .link { margin: 1.5em 0 0 0; } /* Sec Blog */ #s6_home .container { padding: 0 var(--c2o) var(--c10v) var(--c2o); } #s6_home .sec_wrap { min-height: calc(100dvh - var(--c5v) - 6em); padding: var(--c10v) var(--c3o); border-radius: .75em; overflow: hidden; } #s6_home .filter { height: 100%; background: linear-gradient(to right, rgb(var(--blue-rgb) / 100%) 0%, rgb(var(--blue-rgb) / 0%) 100%); } #s6_home .sec_title .link { margin-left: 0; } #s6_home .highlight { max-width: 18em; margin-bottom: calc(-1 * var(--c2v)); } #s6_home .highlight > h4 { display: inline-block; margin-bottom: 1rem; font-size: 125%; color: var(--white); text-transform: uppercase; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ .sec_parallax .text hr { margin-left: 0; } .sec_parallax.numbered .container { padding-top: var(--c10v); } .sec_parallax .vert_line { height: 50%; } .sec_parallax .numeration { top: 50%; transform: translate(-50%, -50%); } .sec_parallax.numbered .text.w50l { width: calc(50% - var(--c2o) - (3.75em / 2)); } /* Template Dicono di noi */ #s1_about-us .grid { grid-template-columns: 1fr 1fr 1fr; } /* Template Press Kit */ #s1_press-kit .grid { grid-template-columns: 1fr 1fr 1fr; } #s1_press-kit .grid .text.blue { order: 1; grid-column: 2 span; } #s1_press-kit .grid .text:nth-of-type(2) { order: 3; grid-column: 2 span; } #s1_press-kit .grid .text:nth-of-type(3) { order: 2; grid-row: 2 span; } #s1_press-kit .grid .text.grey { order: 4; grid-column: 3 span; padding: var(--c7v) var(--c3o); } #s1_press-kit .grid .text.grey > picture { padding-right: var(--c3o); } /* Template Academy / Video */ .filter_block button:not(.active):hover { background-color: var(--ice); } #s2_academy .sec_block .card-video { grid-template-columns: 1fr 1fr; } #s2_academy .sec_block .card-video iframe {min-height: 100%; } #s2_academy .sec_block .card-video .text p { font-size: 75%; } /* Template Logistica */ #s4_logistica .grid { grid-template-columns: 1fr 1fr 1fr; } /* Template Certificati e Studi tecnici */ #s2_certificati .sec_block + .sec_block { padding-top: 0; border-top: 0; } #s3_certificati .text:not(#form) { position: sticky; top: 5.5em; } /* Template Contatti */ #contatti_nav .grid .service_card { background-color: var(--blue-l); } #contatti_nav .grid .service_card picture { transition: .25s ease; } #contatti_nav .grid .service_card:hover picture { opacity: .5; } .support_card .contacts a:hover { color: var(--blue-l); text-decoration: underline } .card_info a:hover { background-color: var(--ice); } #s4_contatti .card_info:hover { background-color: transparent; border-color: transparent; } #s4_contatti .card_info > picture { height: 12.25em; } #s5_contatti .grid { grid-template-columns: 1fr 1fr 1fr 1fr; } #s5_contatti .grid .block_avatar { grid-column: 4 span; } #s5_contatti .grid .block_avatar .card_avatar:hover { background-color: var(--ice); border-color: var(--blue); } #s5_contatti .grid .block_social:nth-of-type(1) { grid-column: 2 span; grid-row: 2 span; } #s5_contatti .grid .block_social:nth-of-type(4) { grid-column: 2 span; aspect-ratio: 2 / 1; max-height: calc(100% - 0.25em); } /* Template Lavora con noi */ #s3_work .grid { grid-template-columns: 1fr 1fr 1fr; } #s3_work .tile.tile_5 { grid-column: auto; } #s5_work .text .link { margin-left: 0; } #s5_work .text .link:hover { background-color: var(--blue-l); } #s5_work .text + img { position: absolute; bottom: 0; right: 0; margin: 0; } /* Template Diventa Distributore */ #s1_distributore .preferences .container { padding: 1.5em; } #s1_distributore .s1_title .link svg path { transition: .25s ease; } #s1_distributore .s1_title .link:hover, #s2_distributore .link_wrapper button:hover { background-color: var(--ice); color: var(--red); } #s1_distributore .s1_title .link:hover svg path { fill: var(--red); } #s1_distributore .preferences .wrapper .link:hover { background-color: var(--blue-l); } #s2_distributore .link_wrapper { justify-content: flex-start; } #s4_distributore .card_sector { grid-template-columns: 1fr 1fr; } #s4_distributore .card_sector picture { height: 100%; aspect-ratio: unset; } #s4_distributore .card_sector .text { padding: var(--c10v) 1.5em; } #s5_distributore .wrapper { grid-template-columns: 1fr 1fr; padding: 0; } #s5_distributore .wrapper > picture { height: 100% } #s5_distributore .wrapper > picture img { object-position: 85%; } #s5_distributore .wrapper #form { padding: 2em 1.5em; } /* Template Reclamo */ /* Template Redirect */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ #s1_prodotti .container { padding-top: 4rem; } /* Archive Blog / News / Wyre Style */ .s1_archive:not( #s1_prodotti ){ padding-top: 0; } #s2_blog #archive_filter { justify-content: flex-start; } /* Archive Lavora con Noi */ /* Section 2 */ .s2_archive .grid { grid-template-columns: 1fr 1fr 1fr; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ #s1_single_cat .filter_blue { width: 50%; } #s1_single_cat .s1_title { padding-right: calc(var(--c5o) + 6em); } #s1_single_cat .s1_title h1 { font-size: calc(var(--h1-size) * .75); line-height: 1.125; } #s1_single_cat .video_controls { position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%); max-width: 12em; margin: 0; } #s1_single_cat .video_controls picture, #s1_single_cat .video_controls .play_btn { padding: 1rem; } /*#s2_single_cat .container { padding: var(--c10v) var(--c5o); }*/ /*#s2_single_cat .text h2 { font-size: calc(var(--h2-size) * .75); }*/ #s3_single_cat .container { padding-top: var(--c10v); } #cat_filter_wrapper { grid-template-columns: 1fr 1fr 1fr; } #cat_filter_wrapper .flter_card.mobile { grid-column: 3 span; } #s5_single_cat .sec_bkg { border-radius: 4em; } #s5_single_cat .container { align-items: flex-start; min-height: 100dvh; padding: var(--c10v) var(--c5o); } #s5_single_cat .sec_text { height: calc(100dvh - var(--c20v)); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } #s6_single_cat .container { padding-bottom: var(--c10v); } #s6_single_cat > img { width: calc(100% - var(--c5o)); } #s6_single_cat .text { max-width: 60ch; margin: 0 auto; } #s6_single_cat .text .partners a { height: 5em; } /* Template - Single Prodotto */ #s1_single_product { padding-top: calc(4em + 4px); } #s1_single_product .container { flex-direction: column; align-items: flex-end; padding-top: 0; } #s1_single_product .container > .sec_img { position: absolute; top: 0; left: 0; padding: 0; } #s1_single_product .swiper_container, #s1_single_product #trigger_btn, #s1_single_product .iframe_container .close_btn { display: none; } #s1_single_product .iframe_container { display: block; position: relative; top: auto; left: auto; transform: none; width: 100%; height: auto; max-height: unset; border: 0; border-radius: 0; background: transparent; box-shadow: none; } /* #s1_single_product #single_var_gallery picture, #s1_single_product #single_var_gallery iframe { aspect-ratio: unset; height: calc(100dvh - 6.25em - 0px); padding-bottom: 3.875em; } */ #s1_single_product #single_var_gallery picture, #s1_single_product #single_var_gallery iframe { aspect-ratio: unset; height: calc(100dvh - 7.75em - 0px); padding-top: 6.25em; } #s1_single_product #single_var_gallery .swiper_thumbs button:hover { background-color: var(--blue); color: var(--white); } #s1_single_product #single_var_gallery .nav_wrapper { padding: 0 1em 1.5em 1em; } #s1_single_product .iframe_container .controls { position: absolute; bottom: 1em; left: 50%; transform: translateX(-50%); width: max-content; padding: 0; } #s1_single_product .s1_title { padding-top: var(--c10v); } #s1_single_product .s1_title h1 { font-weight: 300; font-size: calc(var(--h1-size) * .875); } #s1_single_product .sec_img .swiper-slide { padding: 0 var(--c5o); } #s1_single_product .structure { margin-top: 0; } #s1_single_product .single_block + .single_block { margin-top: var(--c5v); } #s1_single_product .intro p { font-size: 125%; } #s1_single_product .single_block .nav_btn:hover svg path { fill: var(--blue-l); } #s1_single_product .presse_compatibili .filter_card h3 { font-weight: 700; font-size: 100%; } #s1_single_product .structure .wpforms-container{padding: 1.5em; background-color: #fff; box-shadow: 0 0 2em rgb(10 10 10 / 25%); border-radius: 1em;} .card_related { border: 1px solid transparent; } .card_related picture { position: relative; top: auto; left: auto; width: 45%; aspect-ratio: 16 / 9; } .card_related picture button { transform: translate(-50%,-50%) scale(0); transition: .25s ease; will-change: transform; } .card_related .text h2 { font-size: 87.5%; transition: .25s ease; } .card_related:hover { border-color: var(--blue); background-color: var(--ice); } .card_related:hover picture button { transform: translate(-50%,-50%) scale(1); } #page_progress { top: 4em; background-color: rgb(var(--white-rgb) / 90%); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } #page_progress.stuck { transform: translateY(0em); } #quick_menu { border: 1px solid rgb(var(--blue-rgb) / 25%); box-shadow: 0 1px .25em rgb(var(--white-rgb) / 25%); } #quick_menu select { display: none; } /*#quick_menu > div { border-bottom: 1px solid rgb(var(--blue-rgb) / 25%); }*/ #page_progress_index { width: 100%; height: 4px; background: rgb(var(--grey-rgb) / 12.5%); transition: .25s ease-out; } #page_progress_index span { display: block; width: 100%; height: 100%; background: var(--blue); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: clip-path 0.1s ease-out; } #quick_menu .index_list { position: relative; display: flex; align-items: center; justify-content: space-between; flex: 1 1 auto; } #quick_menu .index_list button { display: inline-block; flex: 1 1 auto; width: fit-content; padding: 1em; border-right: 1px solid rgb(var(--blue-rgb) / 7.5%); font: 600 75% / 1.125 var(--main-font); color: rgb(var(--blue-rgb) / 50%); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #quick_menu .index_list button.active { color: var(--blue); } #quick_menu .index_list button:hover, #quick_menu .index_list button.active:hover { background-color: var(--blue-l); color: var(--white); } #quick_menu button.to_form { width: fit-content; min-width: fit-content; padding: .75em 1em; } #side_form { bottom: 50%; transform: translate(100%, 50%); max-height: calc(100dvh - 3em); } #side_form.active { transform: translate(0%, 50%); } /* Template - Single Articolo */ #s1_single .container { max-width: calc(1024px + var(--c7o) + 16em); padding-right: var(--c2o); padding-left: var(--c2o); } #s1_single .wrapper > .text { width: calc(100% - 16em - 1px); padding-right: var(--c2o); } .sec_card .text button { margin-left: 0; } .sec_card .text .card_logo { margin-left: -1em; } #single_sidebar { position: sticky; top: 5.5em; width: 16em; } #single_sidebar .tags .tag_list li a.azzurro:hover { background-color: var(--ice); color: var(--blue-l); } #single_sidebar .tags .tag_list li a.verde:hover { background-color: var(--ice); color: var(--green); } #single_sidebar .tags .tag_list li a.verdone:hover { background-color: var(--ice); color: var(--green-d); } #single_sidebar .tags .tag_list li a.grigio:hover { background-color: var(--ice); color: var(--grey); } #single_sidebar .tags .tag_list li a.viola:hover { background-color: var(--ice); color: ar(--purple); } #single_sidebar .tags .tag_list li a.rosso:hover { background-color: var(--ice); color: var(--red); } #s1_single #single_nav_wrapper .single_nav:hover { border-color: var(--blue); } /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ #form button[type=submit], #form input[type=submit] { font-size: 100%; } /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Quick Menu */ /* Head Content */ .sub_menu_btn { font-size: 75%; } /* Hamburger */ /* Sub Menu */ /* Nav Menu */ /* Smart Search */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ /* Sidebar */ #form.sidebar_form .wpforms-field + .wpforms-field.int_label { margin-top: .25em; } #form.sidebar_form .wpforms-field.int_label label:not(.wpforms-error), #form.sidebar_form .wpforms-field.wpforms-field-name.int_label .wpforms-one-half label:not(.wpforms-error), #form.sidebar_form .wpforms-field :where(input, textarea, select) { font-size: 87.5%; } #form.sidebar_form .wpforms-field.int_label label:not(.wpforms-error), #form.sidebar_form .wpforms-field.wpforms-field-name.int_label .wpforms-one-half label:not(.wpforms-error) { transform: translate(calc(.5rem + 1px), 1.7275rem); } #form .wpforms-field.int_label.focus label:not(.wpforms-error), #form .wpforms-field.wpforms-field-name.int_label.focus .wpforms-one-half label:not(.wpforms-error) { transform: translate(calc(.5rem + 1px), -.125rem); font-size: 75%; } /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ .foot_logo { width: 20em; } /* Countries */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ /* Section News */ /* Section Sostenibilità */ /* Section Blog */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ /* Card News */ /* Card Prodotto */ /* Card Blog */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec Cat */ #s2_home .card picture { aspect-ratio: 1 / 1; } /* Sec Best Seller */ /* Sec Academy */ /* Sec Blog */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ /* Template Dicono di noi */ /* Template Press Kit */ /* Template Academy / Video */ #s2_academy .container { align-items: flex-start; } #s2_academy .wrapper > div { width: calc(100% - var(--c2o) - 18em); } #s2_academy .wrapper .filter_block { justify-content: flex-start; } #s2_academy #sidebar { top: 5.5em; width: 18em; } #s2_academy #sidebar .text h3 { font-size: 125%; } /* Template Logistica */ /* Template Certificati e Studi tecnici */ /* Template Contatti */ /* Template Lavora con noi */ /* Template DIventa Distributore */ /* Template Reclamo */ /* Template Redirect */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ /* Archive Blog / News / Wyre Style */ /* Archive Lavora con Noi */ /* Section 2 */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ /* Template - Single Prodotto */ .card_related picture { aspect-ratio: 1 / 1; } .card_related .text h2 { font-size: 100%; } .card_related .text .excerpt { display: block; margin-top: .5em; } .card_related .text .excerpt p { font-size: 75%; line-height: 1.25; } #form .form-risparmio .wpforms-field label { white-space: nowrap; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc { padding-left: .75em; overflow: visible; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn { margin: .625em 0 0 0; } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn:before { left: 0; top: 50%; transform: translate(-100%, -50%); border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: .75em solid rgb(255 255 255 / 87.5%); } #form .wpforms-container.form-risparmio .wpforms-field.form-calc .calc_btn br { display: block; } /* Template - Single Articolo */ /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Quick Menu */ /* Head Content */ .sub_menu_btn { font-size: 87.5%; } /* Hamburger */ /* Sub Menu */ .sub_menu .content_block .grid a picture { width: 5em; min-width: 5em; } .sub_menu .content_block .grid a h3 { font-size: 100%; } /* Nav Menu */ /* Smart Search */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ /* Sidebar */ /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ /* Countries */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ /* Section News */ /* Section Sostenibilità */ /* Section Blog */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ /* Card News */ /* Card Prodotto */ /* Card Blog */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec Cat */ #s3_home .card_wrapper.active_1 { grid-template-columns: 1.75fr 1fr 1fr; } #s3_home .card_wrapper.active_2 { grid-template-columns: 1fr 1.75fr 1fr; } #s3_home .card_wrapper.active_3 { grid-template-columns: 1fr 1fr 1.75fr; } /* Sec Best Seller */ /* Sec Academy */ /* Sec Blog */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ /* Template Dicono di noi */ /* Template Press Kit */ /* Template Academy / Video */ /* Template Logistica */ /* Template Certificati e Studi tecnici */ /* Template Contatti */ /* Template Lavora con noi */ /* Template DIventa Distributore */ /* Template Reclamo */ /* Template Redirect */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ /* Archive Blog / News / Wyre Style */ .s2_archive .grid { grid-template-columns: 1fr 1fr 1fr 1fr; } /* Archive Lavora con Noi */ /* Section 2 */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ /* Template - Single Prodotto */ .card_related picture { aspect-ratio: 4 / 3; } /* Template - Single Articolo */ /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Quick Menu */ /* Head Content */ /* Hamburger */ /* Sub Menu */ /* Nav Menu */ /* Smart Search */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ /* Filters */ /* Vars */ /* Scroll */ /* Swiper Nav */ /* Components */ /* Sidebar */ /* Breadcrumbs */ /* Filters */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ /* Countries */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ /* Section News */ /* Section Sostenibilità */ #sec_sostenibilita .swiper { padding: 0 1em; overflow: visible; overflow-x: clip; } #sec_sostenibilita .swiper .card { opacity: 1; } /* Section Blog */ #sec_blog .swiper { padding-right: 0; padding-left: 0; } /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Custom */ /* Card News */ /* Card Prodotto */ /* Card Blog */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec Cat */ /* Sec Best Seller */ #s3_home .swiper { padding-right: 0; padding-left: 0; } /* Sec Academy */ /* Sec Blog */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo / Qualità / Perché / Sport */ /* Template Dicono di noi */ /* Template Press Kit */ /* Template Academy / Video */ /* Template Logistica */ /* Template Certificati e Studi tecnici */ /* Template Contatti */ /* Template Lavora con noi */ /* Template DIventa Distributore */ /* Template Reclamo */ /* Template Redirect */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Archive Prodotti */ /* Archive Blog / News / Wyre Style */ /* Archive Lavora con Noi */ /* Section 2 */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Template - Category */ /* Template - Single Prodotto */ /* Template - Single Articolo */ /* Template - Single Wyre Style */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) {}