/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " REBEL_BIKE " /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #iubenda-cs-banner .iubenda-banner-content-padded a, #iubenda-cs-banner .iubenda-banner-content a { display: inline-block !important; } /** * * ▐▌ ▐▌ ▄▀▀▄ █▀▀▄ ▄▀▀ * ▀▄▀ █▀▀█ █▐█▀ ▀▄ * ▀ ▀ ▀ ▀ ▀▀ ▀▀ - VARS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ main { overflow: hidden; } h1 span.outline, h2 span.outline, h3 span.outline, h4 span.outline, h5 span.outline, h6 span.outline, .h1 span.outline, .h2 span.outline, .h3 span.outline, .h4 span.outline, .h5 span.outline, .h6 span.outline { font-family: var(--title-font-outline); } .link_btn, .link_round, a.link_void, button.link_void, a.link_color, button.link_color { --link-size: 20px; --link-size-max: 20; --link-size-min: 12; --link-size-min-px: 12px; } .link_btn, .link_round, a.link_void, button.link_void, a.link_color, button.link_color { --link-diff: calc( var(--link-size-max) - var(--link-size-min) ); --link-size: calc( var(--link-size-min-px) + var(--link-diff) * ((100vw - 320px) / 1600)); } .link_btn, .link_round, a.link_void, button.link_void, a.link_color, button.link_color { font-size: var(--link-size); } .link_round p { font-size: calc( var(--link-size) * 1.2 ); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PRELOADER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .preloader { background-color: var(--black); overflow: hidden; z-index: 6; } .preloader .shape_top, .shape_top { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 100vh solid var(--black); border-right: 100vw solid transparent; transition: .75s ease-in-out; } .preloader .shape_bottom, .shape_bottom { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 100vh solid var(--black); border-left: 100vw solid transparent; transition: .75s ease-in-out; } .preloader .wrapper { position: relative; z-index: 2; transition: .75s ease-in-out; } .preloader .svg_tire_alt { width: 8em; animation: rotation 2.5s linear infinite forwards; } @keyframes rotation { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .preloader .svg_logo_r { width: 4em; top: 50%; left: 50%; transform: translate(-50%, -50%); } .preloader.loaded { background-color: transparent; } .preloader.loaded .shape_top { transform: translateX(-100%); } .preloader.loaded .shape_bottom { transform: translateX(100%); } .preloader.loaded .wrapper { transform: translateX(108vw); } /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { top: 0; left: 0; z-index: 4; background-color: var(--head-bkg-color); } .head_wrapper { padding: 1em .75em; } .head_wrapper .flex-el { margin-right: 3.25em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; --head-logo-width: 140px; /* <- in 'px' */ --head-logo-min: 140; --head-logo-max: 240; max-width: 240px; padding: .5em 0; } .head_logo img, .foot_logo img, .head_logo svg, .foot_logo svg { width: 100%; } .head_logo .logo_black { fill: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_link, #searchform { display: none; } .user_btn, .cart_btn { position: relative; text-align: center; padding: .5em; } .user_btn svg, .cart_btn svg { width: 2em; } .user_btn p { display: none; } .cart_btn label { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: 6em; border: 1px solid var(--white); background-color: var(--orange); font-size: .75em; line-height: 1.8; font-weight: 800; color: var(--white); transform: translate(.25em, 0); cursor: pointer; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .hamburger_btn { position: fixed; top: .5em; right: .75em; display: inline-block; font-size: 25px; line-height: 0; --hamburger-px: 20px; --hamburger-min: 20; --hamburger-max: 25; padding: .75em .5em; margin-right: -.5em; z-index: 4; } /* Included style from "hamburger.css" */ .hamburger { position: relative; display: inline-block; width: 2em; height: 1.5em; transition: .15s linear; } .top_bun, .burger, .bottom_bun { display: block; position: absolute; width: 2em; height: .25em; background-color: var(--orange); box-shadow: 0 0 .25em rgba(19,19,19,.25), 0 0 .5em rgb(19,19,19,.125); transition: .15s ease; } .top_bun { top: -.125em; } .burger { top: calc(50% - .125em); } .bottom_bun { bottom: -.125em; } .hamburger--boring span { transition-duration: 0s; } /* Tapped / Clicked */ .tapped .hamburger--boring span { transition-property: none; transform-origin: center; background-color: var(--white); } .tapped .hamburger--boring .burger { opacity: 0; } .tapped .hamburger--boring .top_bun { top: 0; transform: rotate(45deg) translate(.45em, .45em); } .tapped .hamburger--boring .bottom_bun { bottom: 0; transform: rotate(-45deg) translate(.45em, -.45em); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .main_nav { position: fixed; top: 0; left: 0; z-index: 3; } .menu_shape { position: fixed; width: 0; height: 0; transition: .5s ease-in-out; z-index: 8; } .menu_shape.shape_left { bottom: 0; left: 0; border-bottom: 100vh solid var(--orange); border-right: 100vw solid transparent; transform: translateY(100%); transition: .375s ease-in-out; transition-delay: .125s; } .menu_shape.shape_right { top: 0; right: 0; border-top: 100vh solid var(--orange); border-left: 100vw solid transparent; transform: translateY(-100%); transition: .375s ease-in-out; transition-delay: .125s; } .menu_shape.shape_top { transform: translateX(-100%); z-index: 9; } .menu_shape.shape_bottom { transform: translateX(100%); z-index: 9; } .menu_shape.animate { transform: translateX(0%); } .main_nav .sized { width: calc(100% - 2em); height: calc(100% - 2em); top: 50%; left: 50%; transform: translate(-50%, -50%); mix-blend-mode: multiply; } .main_nav .sized.show { display: block; } .menu_wrapper { display: none; background-color: rgba( var(--black-rgb), .5 ); } .menu_wrapper.show { display: block; } .head_menu { text-align: center; } .head_menu li {} .head_menu li:first-child {} .head_menu li:last-child {} .head_menu li.current-menu-item {} .head_menu a { display: inline-block; padding: 1.5vh .25em 0 .25em; font-size: 1.25em; line-height: 1.6; font-weight: 600; color: var(--orange); text-transform: uppercase; } .head_menu .current-menu-item a { color: var(--white); } .head_menu li:hover a, .head_menu li:active a, .head_menu li:focus a {} /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDELINE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sideline { bottom: 0; right: 0; z-index: 2; } .sideline.mobile { position: fixed; transform: rotate(-90deg) translate(-1em, calc( -1em + -1px ) ); } .sideline_wrapper { } .sideline button { display: inline-block; padding: 1em 1em .75em 1em; font-size: .75em; line-height: 1; font-weight: 600; color: var(--grey); text-transform: uppercase; } .sideline button:before { display: inline-block; content: 'Scroll'; } .sideline.mobile button:before { content: 'Swipe'; } .progress_wrapper { width: 100%; height: .1em; background-color: var(--grey); border-radius: 2em; } #progress-bar { position: absolute; top: 50%; right: 0; width: 0; height: .3em; border-radius: 2em; background-color: var(--orange); transform: translateY(-.15em); } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .btn { display: inline-block; position: relative; font: inherit; color: inherit; padding: .5em 1em; border: 1px solid #3e3e3e; background-color: #ccc; } .btn:hover, .btn:focus { background-color: ; color: ; } .btn:active { transform: translateY(1px); } .btn_color { background-color: #2980b9; border-color: #; color: #; } .btn_color:hover, .btn_color:focus { background-color: #2574a8; } .btn_color:active { background-color: #2472a4; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link_btn { display: inline-block; position: relative; font: inherit; color: inherit; padding: .5em 1em; border: 1px solid #3e3e3e; background-color: #ccc; } .link_color:hover, .link_color:focus, .link_color:active { background-color: #2574a8; } .link_round { width: fit-content; padding: 1em; margin-left: -1em; margin: 2.5em auto 0 auto; cursor: pointer; } .link_round p { margin-right: 1em; text-transform: uppercase; transition: .5s ease-out; } .link_round .wheel { width: 4em; height: 4em; border: 2px solid var(--orange); border-radius: 20em; } .link_round .wheel .svg_tire { width: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; transition: .25s ease; } .link_round .wheel .svg_tire .st0 { fill: var(--orange); } .link_round .wheel .svg_arrow { transform: scale(.5); -webkit-transform: scale(.5); transition: .25s ease; } a.link_void, button.link_void, a.link_color, button.link_color { display: block; width: fit-content; margin: 1em auto 0 auto; padding: 1.5em 4em 1.2em; border: .1em solid var(--white); border-radius: 20em; line-height: 1; font-weight: 600; color: var(--white); text-transform: uppercase; } a.link_color, button.link_color { background-color: var(--orange); border-color: var(--orange); } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { padding: 0 1em; border-radius: .25em; background-color: var(--orange); line-height: 2; color: var(--white); font-weight: 600; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_top { height: calc(100% / 3); background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(19,19,19,0) 100%); opacity: .5; mix-blend-mode: multiply; } .filter_s1 { top: auto; bottom: 0; height: 100%; background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); opacity: .9; mix-blend-mode: multiply; } .filter-transit { top: auto; bottom: 0; height: 20%; background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); } .shade_round { background: radial-gradient(ellipse at center, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 70%); } .shade_top { background: linear-gradient(to top, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); } .shade_bottom { background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); } .filter_correction { background-color: #4a2f17; mix-blend-mode: overlay; opacity: .6; } .blended { opacity: .45; filter: saturate(.35); } .filter_color { background-color: var(--color); mix-blend-mode: multiply; opacity: .5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } .s1_slider .bkg { background-position: right; } .s1_title { text-align: center; z-index: 1; } .s1_title h1, .s1_title p, .s1_title a { color: var(--white); } .s1_title p { font-weight: 600; margin-top: 1em; hyphens: none; } .slider_nav { position: relative; margin: 0; z-index: 1; } .slider_prev { margin-left: -1em; } .slider_next { margin-right: -1em; } .slider_nav img { width: 100%; } .slider_nav.swiper-button-disabled { display: none; } .pagination { margin: 2em auto 0 auto; clear: both; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* .scroll { display: inline-block; position: absolute; left: 50%; bottom: 10%; --scroll-px: 40px; --scroll-min: 40; --scroll-max: 60; max-width: 60px; transform: translateX(-50%); cursor: pointer; z-index: 1; } .scroll svg { width: 100%; animation: hang_scroll 1.5s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { 0% { transform: translateY(.5em); } 50% { transform: translateY(0); } 100% { transform: translateY(.5em); } } .scroll:hover svg { animation-play-state: paused; } .scroll svg .scroll-path { fill: var(--orange); transition: .25s ease; } .scroll:hover svg .scroll-path { fill: var(--white); } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .woocommerce-info { border-top-color: var(--orange); } .woocommerce-info::before { color: var(--orange); } .woocommerce-error, .woocommerce-info, .woocommerce-message { border-color: var(--orange); line-height: 2; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { line-height: 2; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card a, .card_accessories { display: block; background-color: #ffffff; border: 1px solid var(--grey); text-align: center; cursor: pointer; } .card_head { min-height: 2.5em; border-bottom: 1px solid #ccc; } .card_head img { flex: 1 1 auto; max-width: 50%; max-height: 2.2em; padding: .5em .75em; } .card_head p { padding: 1.375em 1em 1.125em 1em; width: 50%; font-size: .625em; font-weight: 800; color: var(--white); text-transform: uppercase; background-color: var( --orange); } .card_img { padding: 1.5em .5em 0 .5em; } .card_img picture { aspect-ratio: 4 / 3; } .card_img picture img { object-fit: contain; height: 100%; } .card_content { padding: 1em; } .card .card_content h2 { margin: 0; min-height: 3.2em; font-size: 1em; line-height: 1.6; font-weight: 500; color: #1e1e1e; } .card .card_content p { margin-top: .75em; font-size: 1.125em; font-weight: 800; color: var(--orange); } .card .card_content p span.empty { display: block; width: 1px; height: 1.125em; } .card .variants_stock { gap: .5em 1em; margin-top: 1em; } .card .variants_stock > div { width: calc(2ch + 1em); max-width: calc(20% - 0.8em); padding: 0.5em 0.5em 0.25em 0.5em; background-color: var(--grey); border: 1px solid var(--grey); text-align: center; } .card .variants_stock > div.in-stock { background-color: var(--orange); } .card .variants_stock > span { display: block; padding: calc(.5rem + 1px) 0 calc(.25rem + 1px) 0; font: 800 .85rem / 1 var(--main-font); color: var(--grey); text-transform: uppercase; } .card .variants_stock.in-stock > span { color: var(--orange); } .card .variants_stock > div span { display: block; font: 600 .85rem / 1 var(--main-font); color: var(--white); } .card .card_content .product_price { margin-top: 1.5em; } .card .card_content .product_price > p { margin-top: 0; } .card .card_content .product_price p del { font-size: 87.5%; color: var(--grey); margin-right: .5em; } .card .card_content .product_price p ins { text-decoration: none; } .card button { display: block; width: 100%; background-color: var(--orange); color: var(--white); text-transform: uppercase; font-weight: 600; padding: 1em; text-align: center; } .card .card_accessories .card_img { padding: 0; } .card .card_accessories .bkg_thumb { height: 16em; padding: 1em; } .card .card_accessories .bkg_thumb img { object-fit: contain; } .card .card_accessories p { font-size: calc( var(--rem) * .75 ); font-weight: 400; color: var(--black); } .card .card_accessories p span { font-weight: 800; color: var(--orange); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TITLE SPAN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ span.shape { position: relative; display: inline-block; z-index: initial; } span.shape:before { display: inline-block; content: ''; position: absolute; left: -2.5%; top: .75em; width: 0; height: .45em; background-color: var(--orange); z-index: -1; transition: .5s ease-out; } span.shape.shaped:before { width: 105%; } span.shape:nth-of-type(even):before { left: auto; right: -2.5%; } /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background-color: var(--footer-bkg-color); } footer .sized { top: 0; left: 0; opacity: .1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .news_wrapper { padding-top: 7.5%; padding-bottom: 7.5%; background-color: var(--orange); text-align: center; z-index: 1; } .news_wrapper h3 { margin-bottom: .75em; color: var(--white); } footer #mailpoet_form_1 { } footer #mailpoet_form_1 form.mailpoet_form { padding: 0; } footer #mailpoet_form_1 .mailpoet_paragraph { margin: 0; } footer #mailpoet_form_1 .mailpoet_text { width: 100%; height: auto; margin-bottom: .75em !important; padding: .75em 1em .625em 1em !important; border: 1px solid var(--white); border-radius: 20em; background-color: transparent; font: inherit; font-weight: 500; color: var(--white); } footer #mailpoet_form_1 .mailpoet_text::placeholder { color: rgba(255,255,255,.75); } footer #mailpoet_form_1 .mailpoet_submit { padding: .75em 1em .625em 1em !important; border-radius: 20em; border: 1px solid var(--white); background-color: var(--white) !important; font-weight: 800; color: var(--orange); text-transform: uppercase; } footer #mailpoet_form_1 .mailpoet_paragraph.last { margin-top: 1em; } footer #mailpoet_form_1 .mailpoet_paragraph.last .mailpoet_checkbox_label { width: fit-content; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; font-size: .75rem !important; color: var(--white); } footer #mailpoet_form_1 .mailpoet_checkbox { -webkit-appearance: none; width: 2em; height: 2em; margin-right: .75em; border-radius: 20em; border-color: var(--white); background-color: transparent; cursor: pointer; } footer #mailpoet_form_1 .mailpoet_checkbox:after { display: none; } footer #mailpoet_form_1 .mailpoet_checkbox:checked { background-size: 1.5em; background-color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .foot_logo { display: block; --foot-logo-width: 260px; --foot-logo-min: 260; --foot-logo-max: 340; max-width: 100%; margin-bottom: 10%; } .foot_logo .logo_orange, .foot_logo .logo_black { fill: var(--white); } .foot_block { margin-top: 10%; } .foot_block:nth-of-type(1) { margin-top: 0; } .foot_block:nth-of-type(2) li a { line-height: 1.6; } .foot_block h4 { margin-bottom: 1em; color: var(--orange); text-transform: uppercase; } .foot_block p, .foot_block a { color: var(--white); } .foot_block ul { list-style: none; } .foot_block a { display: block; } .foot_block a:hover { color: var(--orange); } .foot_block .address { margin-bottom: 2em; } .foot_block .address h4 { margin-bottom: .5em; } .foot_block .address p { font-size: calc(var(--rem) * .8 ); line-height: 1.6; } .social li:first-child { margin-left: -.5em; } .social a { width: 4em; padding: .5em; } .foot_block .link_round { width: 12em; margin: 0 auto; } .foot_block .link_round .svg_tire { width: 100%; } .foot_block .link_round .svg_arrow { width: 2em; transform: rotate(-90deg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .credits { margin-top: 2em; font-size: .825em; line-height: 1.5; } .credits a { display: inline-block; color: inherit; } .credits a:active, .credits a:focus { opacity: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .back_top { display: none; position: fixed; bottom: .5em; right: .5em; padding: .25em; --back-top-px: 40px; --back-top-min: 40; --back-top-max: 60; max-width: 60px; z-index: 2; } .back_top img { width: 100%; } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Slider */ #s1_home .bkg_thumb { filter: contrast(1.05) brightness(1.05); } /* Content */ #s1_home .link_round p { font-size: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_featured .container { text-align: center; } .sec_featured h2 { text-transform: uppercase; } .sec_featured h2, #s3_home h2 { color: var(--white); margin-bottom: 1em; } .slider_nav.slider_nav_screen { display: none; } .slider_wrapper .slider_dots { flex: 1 1 auto; flex-wrap: nowrap; grid-gap: .5em; padding: .5em 0; } .slider_wrapper .swiper-pagination-bullet { width: .5em; height: .5em; background-color: var(--white); transition: .25s ease; } .slider_wrapper .swiper-pagination-bullet-active { background: var(--orange); transform: scale(1.25); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_cat { text-align: center; } .sec_cat h2 { padding: 0 7.5%; } .cat_grid { grid-template-columns: 1fr 1fr; grid-gap: .375em; } .cat_grid .cat_block { display: block; overflow: hidden; padding-bottom: 100%; } .cat_block .cat_bkg { transform: scale(1.05); transform-origin: center center; transition: .75s ease-out; } .cat_block .filter_black { opacity: 0; mix-blend-mode: overlay; transition: .75s ease-out; } .cat_block h3 { position: absolute; top: 50%; left: 50%; width: 90%; transform: translate(-50%, -50%); font-family: var(--main-font); font-size: var(--rem); line-height: 1.75; font-weight: 600; color: var(--white); text-shadow: 0 0 0.25em rgb(30 30 30 / 75%); text-transform: uppercase; text-align: center; } .cat_block h3 .shape { font-family: var(--title-font); font-size: var(--h5-size); transition: .75s ease-out; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .picture { overflow: hidden; } .picture .color_block { position: absolute; top: 0; right: 0; width: 150%; height: 100%; background-color: var(--orange); transform: translateX(100%); transition: 1.5s ease-in-out; z-index: 1; } .picture picture { transition-delay: .625s; opacity: 0; } .picture.active .color_block, .sec_servizio:nth-of-type(even) .picture.active .color_block { transform: translateX(-150%); } .picture.active picture, .sec_servizio:nth-of-type(even) .picture.active picture { opacity: 1; } .sec_brand .picture .color_block { transform: translateX(-75%); } .sec_brand .picture.active .color_block { transform: translateX(100%); } .sec_location h2, .sec_location h3, .sec_brand h2, .sec_brand h3, .sec_rent h2 { position: relative; z-index: 1; } .sec_location h2, .sec_location h3, .sec_location p, .sec_location a, .sec_brand h2, .sec_brand h3, .sec_brand p, .sec_brand a, .sec_rent h2, .sec_rent p, .sec_rent a { color: var(--white); } .sec_location p, .sec_brand p, .sec_rent p { font-weight: 500; } .sec_rent p { margin-top: 1em; } .sec_location h2, .sec_brand h2, .sec_location h3, .sec_brand h3, .sec_location p, .sec_brand p { margin-bottom: 1em; } .sec_location h2, .sec_brand h2 { font-family: var(--main-font); font-size: var(--rem); font-weight: 400; text-transform: uppercase; } { margin-bottom: 1em; } .sec_location .link_round, .sec_brand .link_round { margin-top: 0; margin-bottom: 1em; } .sec_location .link_round p, .sec_brand .link_round p { margin-bottom: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_rent { text-align: center; overflow: hidden; } .sec_rent .shade_round { background: radial-gradient(ellipse at center, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 150%); mix-blend-mode: multiply; opacity: .75; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHI SIAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_chi *, #s3_chi *, #s5_chi *, #s6_chi * { color: var(--white); } #s2_chi .content *, #s6_chi .container * { margin-bottom: 1em; } #s2_chi h2, #s6_chi h2 { font-family: var(--main-font); font-size: var(--rem); font-weight: 400; text-transform: uppercase; } { margin-bottom: 1em; } #s2_chi h4 { line-height: 1.4; } #s2_chi picture { margin-top: 5%; } #s3_chi { text-align: center; } #s3_chi h2 { margin-bottom: 1.5em; } .team_grid { grid-template-columns: 1fr; grid-gap: .5em; } .filter_block { background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); mix-blend-mode: multiply; } .team_block .content { top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 5%; } .team_block h3 { font-size: calc( var(--h3-size) * .75 ); text-transform: uppercase; } .team_block p { margin-top: 1em; font-weight: 600; text-transform: uppercase; } .team_block .link_void { padding: .75em 2em .5em 2em; } .sec_fpv { background-color: #622a04; text-align: center; } .sec_fpv .legend { top: 5%; left: 7.5%; } .sec_fpv .legend p { margin-right: -0.45em; font-size: 1.75em; font-weight: 800; text-transform: uppercase; } .sec_fpv .legend img { width: 2.5em; } .sec_fpv h2 { position: relative; z-index: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NOLEGGIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_rent { background-color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SERVIZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_servizio .content { margin-bottom: 10%; z-index: 1; } .sec_servizio .content * { color: var(--white); } .sec_servizio .content h2 { margin-bottom: 1em; } #s3_service h2 { margin-bottom: .5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SYSTEM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_system, #s2_system { background-color: var(--white); } #s1_system h1 { padding: .5em 0 .75em 0; } .system_wrapper { position: relative; z-index: 1; } .system_wrapper h2, .system_wrapper h3, .system_wrapper, h4, .system_wrapper h5 { line-height: 1.4; margin-bottom: .5em; } .woocommerce-MyAccount-navigation { padding: 10% 0; margin-bottom: 10%; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); } .woocommerce-MyAccount-navigation-link.is-active a { padding: .25em 0; color: var(--orange); font-weight: 700; text-decoration: underline; } .woocommerce-MyAccount-content p { margin-top: 1em; } .woocommerce-MyAccount-content p:nth-of-type(1) { margin-top: 0; } .woocommerce-MyAccount-content p a { display: inline; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { margin: 0 0 1em 0; } .woocommerce-MyAccount-content .u-columns > div { margin-top: 10%; } .woocommerce-MyAccount-content h3 { font-size: calc( var(--h3-size) * .675 ); margin-bottom: .5em; } .woocommerce-MyAccount-content .edit { margin-bottom: 1em; padding: .75em 1em .5em 1em; background-color: var(--grey); display: inline-block; border-radius: .5em; color: var(--white); text-transform: uppercase; font-size: .75em; font-weight: 600; } .woocommerce-MyAccount-content address { font-size: var(--rem); } .woocommerce-MyAccount-content em { display: block; margin: .5em 0; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { margin-right: .5em; } .woocommerce .quantity .qty { margin: 0 0 0 auto; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--orange); } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus { background-color: var(--white); color: var(--orange); } .cart_totals h2 { font-size: calc( var(--h2-size) * .75 ); margin-bottom: .5em; } .woocommerce-checkout h2, .woocommerce-checkout h3 { font-size: calc( var(--h2-size) * .75 ); margin-bottom: .5em; } .woocommerce-checkout p a { display: inline; } .woocommerce form.woocommerce-checkout .form-row label { font-size: calc(var(--rem) * .625); font-weight: 600; line-height: 1.4; text-transform: uppercase; margin-bottom: .5em; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin: 1em auto; } #s2_system h2 { color: var(--black); z-index: 1; } #s2_system .slider_nav .st0 { fill: var(--black); } #s2_system a.link_void, #s2_system button.link_void { border-color: var(--black); color: var(--black); } .woocommerce-form-coupon-toggle { width: 100%; } .woocommerce-cart-form { position: relative; width: 100%; } .cart-collaterals { margin-top: 5%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: auto; } .woocommerce form .form-row { margin: 0 0 1em 0; } .woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce button.button.alt:focus { color: var(--black) !important; color: var(--white) !important; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { height: auto; width: 12em; } .woocommerce a.remove { padding-top: .1em; text-align: center; } .woocommerce table.shop_table { border: none; } .woocommerce table.shop_table th { border: 1px solid var(--orange); border-top: none; border-left: none; } .woocommerce table.shop_table td { border: 1px solid var(--orange); border-top: none; border-left: none; } .woocommerce tr:nth-child(even) { background-color: transparent; } .woocommerce td .quantity .qty { margin: 0; border: 1px solid var(--orange); sbackground-color: transparent; } .woocommerce table.shop_table td.actions { border-right: none; padding: 2em 0; } .woocommerce td .coupon { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em; width: 100%; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: auto; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; } .woocommerce td .coupon .input-text { margin: 0 1em 0 0; padding: .5em .75em; height: auto; border: 1px solid var(--orange); background-color: transparent; line-height: 1.6; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: .5em 1em; background-color: var(--orange); border: 1px solid var(--orange); border-radius: .25em; line-height: 1.6; color: var(--white); } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active { background-color: var(--white); color: var(--orange); } .cart_totals * { font-size: var(--rem); } .cart_totals a { text-decoration: underline; } .select2-container .select2-selection--single { height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.6; height: auto; } .shipping-calculator-form { margin-top: .5em; } .woocommerce form.checkout_coupon { margin-top: 0; } .woocommerce form.checkout_coupon .form-row { width: 100%; } .woocommerce form.checkout_coupon p { margin: .5em 0 0 0; } .woocommerce .showcoupon { text-decoration: underline; } #customer_details { margin-bottom: 5%; } #customer_details h3 { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #1e1e1e; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-top: 1px solid var(--orange); border-left: 1px solid var(--orange); border-radius: 0; } .wc_payment_method label { display: inline-block; } .wc_payment_method label a { line-height: 2; margin-left: 2em; text-decoration: underline; } .woocommerce-order p { font-weight: 600; margin-bottom: 2em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_contatti * { color: var(--white); } .sec_contatti h2 { margin-bottom: 1em; } .sec_contatti h3 { margin-bottom: .75em; font-size: calc( var(--rem) * 1.5 ); text-transform: uppercase; } .sec_contatti a { font-size: var(--rem); } .sec_contatti a:hover, .sec_contatti a:focus, .sec_contatti a:active { color: var(--orange); font-weight: 600; } .info_block { width: 100%; } .info_block div { flex: 1 1 auto; margin: 2em 0; padding-right: 1em; border-right: 1px solid var(--grey); max-width: calc(100% - 3em); } .info_block img { width: 2em; padding: .25em; margin-left: 1em; } .form_wrapper { margin-top: 10%; } #wpforms-212 input, #wpforms-212 textarea { position: relative; max-width: 100%; padding: .5em; margin-bottom: 1em; height: auto; background-color: rgba(255,255,255,.125); border: none; border-bottom: .1em solid var(--white); color: var(--white); } #wpforms-212 .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; } #wpforms-212 .wpforms-field-checkbox input { appearance: none; -webkit-appearance: none; padding: 0; margin: 0; width: 1.5em; height: 1.5em; border: 1px solid var(--white); } #wpforms-212 .wpforms-field-checkbox input::after { display: none; } #wpforms-212 .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1.25em; background-color: var(--white); } #wpforms-212 .wpforms-field-checkbox label { margin-left: 1em; font-size: .75em; } #wpforms-212 .wpforms-field-checkbox label a { display: inline-block; } #wpforms-212 button[type=submit] { width: 100%; padding: 1.25em 2em 1em 2em; border-color: var(--orange); border-radius: 20em; background-color: var(--orange); font-weight: 600; color: var(--white); text-transform: uppercase; } #wpforms-212 .wpforms-field-checkbox label.wpforms-error { margin: 1em 0 0 0; } .social_wrapper { margin-top: 10%; } .social_wrapper p { font-size: calc( var(--h3-size) * .675 ); margin-right: 1em; } .social li { list-style: none; } .sec_location .content { z-index: 1; } .sec_location .address, .sec_location .orari { margin-bottom: 2em; align-items: flex-start; } .sec_location .address p, .sec_location .orari p { margin: 0; line-height: 1.6; } .sec_location .address:before, .sec_location .orari:before { display: inline-block; content: ''; padding: 1em; margin-right: 1em; background: url(../images/svg/marker.svg) no-repeat center; background-size: contain; } .sec_location .orari:before { background-image: url(../images/svg/clock.svg); } .sec_location iframe { width: 100%; height: 65vh; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_search h1 { padding-top: .5em; } .results_wrapper {} .search_result_count p { color: var(--white); text-align: center; font-size: calc( var(--rem) * 1.2 ); font-weight: 600; } .serach_card { flex-direction: column; margin-top: 2em; border: 1px solid var(--grey); text-align: center; } .serach_card h2, .serach_card p, .serach_card a { color: var(--white); } .serach_card h2 { padding: .5em; font-size: calc( var(--h2-size) * .75 ); } .serach_card h2 a { margin: 0; } .serach_card p { padding: 0 .5em .5em .5em; } .serach_card a { margin-bottom: 1em; } .serach_card a.link_color { padding: .75em 1em .625em; font-size: calc( var(--rem) * .75 ); } #s1_search .serach-no-result h1 { font-size: calc(var(--h2-size) * .75); color: var(--white); } #s1_search .serach-no-result p { color: var(--white); } #s1_search #searchform { display: flex; margin: 1em 0 0 0; } #s1_search #searchform label { display: none; } #s1_search #searchform input[type="search"] { flex: 1 1 auto; width: 100%; margin: 0; padding: .5em; height: auto; } #s1_search #searchform input[type="submit"] { position: relative; right: auto; top: auto; width: auto; margin-left: 1em; padding: .5em 3em .5em .5em; line-height: 2; font-weight: 600; color: var(--white); text-transform: uppercase; background: url(../images/svg/search.svg) no-repeat calc(100% - 0.6em) center; background-size: 1.5em; background-color: var(--orange); border-color: var(--grey); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .mailpoet-manage-subscription .mailpoet_paragraph { margin-top: 1em; } .mailpoet-manage-subscription label { line-height: 1.4; } .mailpoet-manage-subscription .mailpoet_text_label, .mailpoet-manage-subscription .mailpoet_select_label, .mailpoet-manage-subscription .mailpoet_checkbox_label:nth-of-type(1), .mailpoet-manage-subscription .mailpoet_segment_label { margin-bottom: .25em; color: var(--white); font-weight: 800; text-transform: uppercase; } .mailpoet-manage-subscription .mailpoet_checkbox_label { display: flex; align-items: center; justify-content: flex-start; color: var(--white); } .mailpoet-manage-subscription input[type="checkbox"] { margin-right: 1em; } .mailpoet-manage-subscription input[type="submit"]{ padding: .75em 2em; background-color: var(--orange); text-transform: uppercase; font-weight: 800; color: var(--white); } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_shop, #s2_archive { background-color: var(--white); } #s2_archive .grid { grid-template-columns: 1fr; grid-gap: 1em; } /* Search & Filter */ #s2_shop .filters { position: relative; margin-bottom: 7.5%; } #s2_shop .filters h3 { font-size: calc( var(--h4-size) * 1.25 ); margin-bottom: 1em; } #s2_shop input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 1.5em; } .woof .widget_price_filter .ui-slider .ui-slider-range, .woof .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--orange); border-color: var(--grey); } .searchandfilter h4 { position: relative; padding: 1.25em 0 1.05em 0; padding: 1em 0 0.75em 0; border-top: 1px solid var(--grey); font-size: 1.25em; font-size: 1em; line-height: 1; font-family: var(--main-font); font-weight: 600; cursor: pointer; transition: .25s ease; } .searchandfilter h4::after { display: inline-block; content: '+'; margin-left: .5em; } .searchandfilter h4:hover { color: var(--orange); } .searchandfilter ul li { padding: 0; } .searchandfilter ul ul { display: none; padding: 0 .5em 1.5em .5em; } .searchandfilter ul li li { display: flex; align-items: center; padding: .5em 0; font-size: var(--rem); cursor: pointer; } .searchandfilter ul li.open h4 { border-color: var(--orange); color: var(--orange); font-weight: 800; } .searchandfilter ul li.open h4::after { content: '-'; } .searchandfilter ul li.open ul { display: block; } .searchandfilter .sf-range-max, .searchandfilter .sf-range-min { max-width: 100%; width: 6em; } .searchandfilter .meta-slider { max-width: 90%; } .searchandfilter .sf-field-post-meta-_price h4 { cursor: initial; } .searchandfilter .sf-field-post-meta-_price h4::after { display: none; } .searchandfilter .noUi-connect { background-color: var(--orange); } .woocommerce-result-count { width: auto; display: inline-block; } .woocommerce-ordering { width: auto; display: inline-block; margin-top: 1em; } .woocommerce-ordering select { margin: 0; } /* Posts Loop */ #s2_shop .woocommerce { position: relative; } #s2_shop .wrapper { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 2em; margin-top: 2em; } #s2_shop .card a { border: 1px solid var(--grey); box-shadow: 0 0 0.5em rgb(30,30,30,.25); } #s2_shop .filters .woof_container:nth-of-type(1) { margin-top: 1em; } #s2_shop .filters .woof_container { margin: 0; padding-bottom: 0; } #s2_shop .filters .woof_container h4 { position: relative; padding: 1.25em 0 1em 0; border-top: 1px solid var(--black); font-family: var(--main-font); font-size: calc( var(--h4-size) * .85 ); font-weight: 600; text-transform: uppercase; } #s2_shop .filters .woof_container h4 a { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 100%; line-height: 3em; text-align: right; } #s2_shop .filters .woof_closed_block { margin-top: .5em; margin-bottom: 1em; } #s2_shop .filters .woof_list li { padding: 0 0 .5em 0 !important; } #s2_shop .filters .woof_submit_search_form_container { margin: 0; } #s2_shop .wrapper .woocommerce-pagination, #s2_archive .grid .woocommerce-pagination { display: none !important; } /* Form info */ .form_info_container { display: none; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 8; } .form_info_container.active { display: flex; } .form_info_container .filter_fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(30,30,30,.875); } .form_info_container .wrapper { width: 90%; max-width: 32em; padding: 1em; border: .1em solid var(--grey); border-radius: 1em; background-color: var(--orange); box-shadow: 0 0 5em rgba(30,30,30,.75); } .form_info_container h4 { margin-bottom: 1em; color: var(--white); text-align: center; text-transform: uppercase; } .form_info_container div.wpforms-container-full { margin: 0; } .form_info_container .close { top: -.75em; right: -.75em; width: 2.5em; height: 2.5em; background: url(../images/svg/close.svg) no-repeat center center; background-size: 1.25em; background-color: var(--white); border: .1em solid var(--grey); border-radius: 8em; } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single, #s2_single, #s3_single, #single_rel { background-color: var(--white); } #s1_single .container { flex-wrap: wrap; } /* Single Image */ #product_img a:not(.woocommerce-product-gallery__trigger) { display: block; line-height: 0; position: relative; width: 100%; aspect-ratio: 4 / 3; } #product_img a:not(.woocommerce-product-gallery__trigger) > img { object-fit: contain; width: 100%; height: 100%; } .woocommerce-product-gallery figure { margin: 0 } .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block } .woocommerce-product-gallery .flex-control-thumbs { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: .5em; margin: 1em 0; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer; border: 1px solid var(--orange); border-radius: .25em; } .woocommerce-product-gallery .flex-control-thumbs img { opacity: .5 } .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1 } .woocommerce-product-gallery img { display: block; width: 100%; } .woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333% } .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 100%; padding: .5em; } .woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20% } .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 1; } a.woocommerce-product-gallery__trigger { display: flex; justify-content: center; align-items: center; width: 2em; height: 2em; padding: .5em; top: .5em; left: .5em; background-color: var(--white); border: .1em solid var(--grey); border-radius: 20em; text-decoration: none; } a.woocommerce-product-gallery__trigger:hover, a.woocommerce-product-gallery__trigger:active, a.woocommerce-product-gallery__trigger:focus { background-color: var(--orange); } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: block; position: absolute; top: .875em; right: .875em; height: 2em; width: 2em; border-radius: 3px; text-align: center; text-indent: -999px; overflow: hidden; z-index: 1; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { background-color: #169fda; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: #1781ae; border-color: #1781ae; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; } .flex-control-nav:after, .flex-control-thumbs:after { content: ""; display: table; clear: both; } /* Single Content */ #single_content { margin-top: calc(10% * var(--vert-ratio)); } /* Breadcrumbs */ #single_content .breadcrumb { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } #single_content .breadcrumb, #single_content .breadcrumb a, #single_content .breadcrumb span { font-size: 75%; line-height: 1.5; color: var(--black); } #single_content .breadcrumb a, #single_content .breadcrumb span { font-size: 100%; margin: 0 .25em; } /* Title */ #single_content .breadcrumb + h1 { margin-top: 1rem; } #single_content h1 { position: relative; margin-bottom: 1.5rem; font-size: calc( var(--h1-size) * .625 ); z-index: 1; } /* Meta */ #single_content :where(.product_meta, .single_description, .variants_stock, .size_wrapper) { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--grey); } #single_content .product_meta > span { display: block; font: 500 75% / 1.5 var(--main-font); text-transform: uppercase; opacity: .5; } #single_content .product_meta span.posted_in { display: none; } #s1_single .product_meta span span, .product_meta span a { display: inline; font-weight: 700; text-transform: none; } #s1_single .product_meta span a { text-decoration: underline; } /* Description */ #single_content .single_description p { margin-top: 1.5em; } #single_content .single_description p:first-of-type { margin-top: 0; } #single_content .single_description p ul { margin-top: 1.5em; } #single_content .single_description p a { display: inline-block; text-decoration: underline; } #single_content .single_description p a:hover { color: var(--orange); } #single_content .single_description li { margin-top: .5em; font-size: var(--rem); } #single_content .single_description li:first-child { margin-top: 0; } /* Variazioni e Disponibilità */ #single_content .variants_stock > div { gap: .5em; margin-top: .5em; opacity: .5; } #single_content .variants_stock > div:first-of-type { margin-top: 0; } #single_content .variants_stock > div.in-stock { opacity: 1; } #single_content .variants_stock > div span { display: inline-block; min-width: 2ch; font: 800 100% / 1.25 var(--main-font); } #single_content #form_add_to_cart { position: relative; width: 100%; overflow-x: scroll; } #single_content .variation_row { grid-template-columns: 1fr 1fr .75fr .75fr 2fr; gap: 1em; align-items: center; border-bottom: 1px solid var(--grey); padding: 1em 0; } #single_content .variation_row#variation_row_head span { font: 700 75% / 1.25 var(--main-font); text-transform: uppercase; } #single_content .variation_row > span { display: inline-block; width: max-content; font: 500 75% / 1.25 var(--main-font); } #single_content .variation_row span.attribute_pa_batteria, #single_content .variation_row span.attribute_pa_marca, #single_content .variation_row span.attribute_pa_motore { display: none; } #single_content .variation_row span.attribute_pa_colore { flex: 1 1 auto; } #single_content .variation_row > span.out_of_stock { color: red; text-align: center; text-transform: none; } #single_content .variation_row > span:last-of-type { flex: 1 1 auto; width: auto; text-align: center; } #single_content .variation_row span.var_price { text-align: right; } #single_content .variation_row span.var_price.regular bdi { text-decoration: line-through; opacity: .5; } #single_content .variation_row span button { display: block; width: fit-content; margin: 0 auto; padding: 1.5em 1.5em 1.2em; border: .1em solid var(--white); border-radius: 20em; background-color: var(--orange); font: 600 75% / 1 var(--main-font); color: var(--white); text-transform: uppercase; } #single_content .variation_row span button:hover { border-color: var(--orange); background-color: var(--white); color: var(--orange); } /* Calcolatore di Taglia */ #single_content .size_wrapper.hide { display: none !important; } #single_content .size_wrapper button.trigger { padding: .5em 0; margin-bottom: -.5em; font-size: var(--rem); line-height: 1.5; font-weight: 600; text-decoration: underline; } #single_content .size_wrapper button.trigger::after { display: inline-block; content: '+'; margin-left: .5em; line-height: 1.5; } #single_content .size_wrapper button.trigger.active::after { content: '-'; } #single_content .size_config { display: none; margin-top: 1em; } #single_content .size_form { padding: 1em; border: 1px solid var(--orange); border-radius: .25em; } #single_content .size_form div { margin: 0 0 1em 0; } #single_content .size_form label { font-size: 85%; font-weight: 600; line-height: 1.25; text-transform: uppercase; } #single_content .size_form label.error { display: none; margin-top: 0.5em; padding: 0.75em 0.5em; background-color: red; border-radius: 0.25em; font-size: 75%; line-height: 1.5; color: var(--white); text-transform: none; } #single_content .size_form label.error.active { display: block; } #single_content .size_form input { height: auto; margin: .625em 0 1em 0; padding: .5em .5em .375em .5em; border: 1px solid var(--grey); background-color: transparent; line-height: 1.6; color: var(--black); } #single_content .size_box { display: none; margin-top: .5em; padding: .5em; background-color: var(--orange); border-radius: .25em; } #single_content .size_box.active { display: flex; } #single_content .size_box .result { margin-right: 1em; color: var(--white); font-weight: 600; } #single_content .size_box p { margin-right: .5em; color: var(--white); font-weight: 600; } #single_content .size_box .size_val { margin: .125em 0 0 0; font-size: 125%; font-weight: 800; } #single_content .size_form button[type="button"] { padding: .75em 1em .625em 1em; background-color: var(--orange); border-color: var(--orange); color: var( --white); font-weight: 800; text-transform: uppercase; } .sec_size h2 { margin-bottom: .5em; } .sec_size .size_form { margin-top: 5%; text-align: left; padding: 2.5%; border: 1px solid var(--grey); } .summary div span { display: block; font-size: var(--rem); line-height: 1.4; } .summary .size_btn { margin: .5em 0 0 12.25rem; padding: .5em .5em .5em 0; background-color: transparent; border: none; font-size: calc( var(--rem) * .75 ); line-height: 1; color: var(--black); font-weight: 600; text-decoration: underline; } .summary div, .stock, .a2a_kit { margin: 2em 0; } #s1_single .price { font-size: calc(var(--rem) * 2); font-weight: 800; color: var(--orange); margin-top: 1em; } #s1_single .stock { text-transform: uppercase; font-weight: 600; } #s1_single .stock.out-of-stock { text-transform: none; } #s1_single .summary div.wpforms-field { margin: 0; } #s1_single form.cart input { margin-bottom: 0; padding: .5em 1em; width: auto; height: auto; line-height: 1.5; border: 1px solid var(--orange); background-color: transparent; } #s1_single .quantity { position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 0 !important; } #s1_single .quantity::before, #s1_single .summary .woocommerce-variation-price .price .woocommerce-Price-amount::before { display: inline-block; content: 'Quantità:'; width: 12rem; background: url(../images/svg/ico_stock.svg) no-repeat center left; background-size: 1.5em; padding: .5em 1em .5em 2em; font-size: var(--rem); line-height: 1; font-weight: 600; color: var(--orange); } #s1_single .single_add_to_cart_button { display: inline-block; margin-top: 2em; padding: 1.25em 2em 1.1em 2em; border-color: var(--orange); border-radius: .25em; background-color: var(--orange); font-weight: 600; color: var( --white); text-transform: uppercase; } #s1_single .single_add_to_cart_button:hover, #s1_single .single_add_to_cart_button:active, #s1_single .single_add_to_cart_button:focus { background-color: var(--white); color: var(--orange); } .onsale { display: none; } .price del { color: var(--grey); } /* PLUGIN TABELLE VARIAZIONI */ .summary div.available-options-btn { border-bottom: 1px solid var(--grey); margin: 0; padding-bottom: 1em; } #s1_single .summary div.available-options-btn button { margin: 0 0 1em 0; } #s1_single #variant-table { margin: 1em 0 .5em 0; font-size: calc(var(--h2-size) * .75); } #s1_single .variant { width: 100%; border: 1px solid var(--orange); border-spacing: 0; } #s1_single .variant thead { background-color: var(--orange); } #s1_single .variant thead th { border: 1px solid var(--orange); border-right-color: var(--white); border-collapse: collapse; font-size: 100%; font-weight: 600; color: var(--white); text-transform: uppercase; } #s1_single .variant thead th:last-of-type { border-right: 0; } #s1_single .pvtfw_variant_table_block table.variant th.asc .arrow { border-left: .25em solid transparent; border-right: .25em solid transparent; border-top: .25em solid var(--white); opacity: 1; margin-left: 0.5em; } #s1_single .quantity::before, #s1_single .summary .woocommerce-variation-price .price .woocommerce-Price-amount::before { display: none; } #s1_single .pvtfw_variant_table_block table.variant td { padding: .75em 1em; } #s1_single .variant button { padding: 1em 1.5em .75em 1.5em; background-color: var(--orange); border-radius: 20em; text-transform: uppercase; line-height: 1; font-weight: 600; color: var(--white); } #s1_single .pvtfw_variant_table_block table.variant tr { position: relative; } #s1_single .pvtfw_variant_table_block table.variant tr::after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--orange); } #s1_single .pvtfw_variant_table_block table.variant tr:last-of-type::after { display: none; } table.variations { position: relative; width: auto; border: none; margin-top: 2em; } table.variations tr { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 1em; } table.variations tr:nth-child(1) { margin-top: 0; } table.variations tr:nth-child(even) { background-color: transparent; } table.variations td.label { border: none; } table.variations td.label label { width: 12rem; padding: .5rem 1rem .5rem 3rem; font-size: var(--rem); font-weight: 600; color: var(--orange); text-transform: none; } table.variations td.label .pa_colore { background: url(../images/svg/ico_palette.svg) no-repeat center left; background-size: 1.5em; } table.variations td.label .pa_taglia { background: url(../images/svg/ico_bike.svg) no-repeat center left; background-size: 1.5em; } table.variations td.label .pa_marca { background: url(../images/svg/ico_brand.svg) no-repeat center left; background-size: 1.5em; } table.variations td.label .pa_motore { background: url(../images/svg/ico_gear.svg) no-repeat center left; background-size: 1.5em; } table.variations td.value { display: flex; align-items: center; justify-content: flex-start; padding: 0; border: none; } table.variations td.value select { margin: 0; height: auto; padding: .5em 3em .5em 1em; line-height: 1.5; background-position: calc(100% - 1em); background-color: transparent; border: 1px solid var(--orange); } table.variations td.value a.reset_variations { padding: .5em; margin-left: .5em; background-color: var(--black); border-radius: 3px; border: 1px solid var(--grey); line-height: 1.5; color: var(--white); font-weight: 600; } #s1_single .woocommerce-variation-description { display: none; } #s1_single .summary .woocommerce-variation-price { margin-top: 0; } #s1_single .summary .woocommerce-variation-price .price { display: flex; align-items: center; justify-content: flex-start; padding-top: 0; margin-top: .5em; border: none; } #s1_single .summary .woocommerce-variation-price .price .woocommerce-Price-amount::before { content: 'Prezzo: '; background-image: url(../images/svg/ico_price.svg); } #s1_single .summary .woocommerce-variation-price .price .woocommerce-Price-amount bdi { background-color: #eaedf2; color: var(--black); border: 1px solid var(--grey); border-radius: 3px; padding: .5em 1em; } .summary div span.woocommerce-Price-currencySymbol { display: inline-block; } #s1_single .summary div.a2a_kit { margin-top: 2em; padding-top: 2em; border-top: 1px solid var(--grey); } .info_form { margin: 2em 0 0 0; padding: 1em; border-radius: 1em; background-color: var(--orange); } .info_form h4 { margin-bottom: 1em; color: var(--white); text-transform: uppercase; text-align: center; } #wpforms-884 input, #wpforms-884 textarea, #wpforms-888 input, #wpforms-888 textarea { position: relative; max-width: 100%; padding: .5em; height: auto; background-color: rgba(255,255,255,.125); border: .1em solid var(--white); border-radius: .5em; color: var(--white); } #wpforms-884 input::placeholder, #wpforms-884 textarea::placeholder, #wpforms-888 input::placeholder, #wpforms-888 textarea::placeholder { color: rgba(255,255,255,.75); } #wpforms-212 textarea, #wpforms-884 textarea, #wpforms-888 textarea { line-height: 1.6; } #wpforms-884 .wpforms-field:nth-of-type(1), #wpforms-888 .wpforms-field:nth-of-type(1) { padding-top: 0; } #wpforms-884 .wpforms-field-checkbox li, #wpforms-888 .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; } #wpforms-884 .wpforms-field-checkbox input, #wpforms-888 .wpforms-field-checkbox input { -webkit-appearance: none; padding: 0; margin: 0; width: 1.5em; height: 1.5em; border: 1px solid var(--white); } #wpforms-884 .wpforms-field-checkbox input::after, #wpforms-888 .wpforms-field-checkbox input::after { display: none; } #wpforms-884 .wpforms-field-checkbox input[type=checkbox]:checked, #wpforms-888 .wpforms-field-checkbox input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1.25em; background-color: var(--white); } #wpforms-884 .wpforms-field-checkbox label, #wpforms-888 .wpforms-field-checkbox label { margin-left: 1em; font-size: .75em; font-weight: 600; color: var(--white); } #wpforms-884 .wpforms-field-checkbox label a, #wpforms-888 .wpforms-field-checkbox label a { display: inline-block; } #wpforms-884 button[type=submit], #wpforms-888 button[type=submit] { width: 100%; padding: 1.25em 2em 1em 2em; border-color: var(--white); border-radius: .5em; background-color: var(--white); font-weight: 800; color: var(--orange); text-transform: uppercase; } #wpforms-884 .wpforms-field-checkbox label.wpforms-error, #wpforms-888 .wpforms-field-checkbox label.wpforms-error { margin: 1em 0 0 0; } .shop_attributes li { list-style: none; display: inline-block; width: 100%; font-size: var(--rem); font-weight: 800; line-height: 2.5; text-transform: uppercase; } .shop_attributes li h4 { margin-right: 1em; text-align: left; } .shop_attributes li p { flex: 1 1 auto; text-align: right; } .shop_attributes li a { display: inline-block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_single .container { background-color: #efefef; z-index: 1; } #s2_single h2 { margin-bottom: 1em; text-align: center; } #s2_single .content { column-count: 1; column-gap: calc(5% * var(--oriz-ratio)); } #s2_single .content h2, #s2_single .content h3, #s2_single .content h4, #s2_single .content h5 { font-size: calc( var(--h3-size) * .75 ); margin-bottom: .5em; } #s2_single .content p { margin-top: 1.5em; } #s2_single .content p:first-of-type { margin-top: 0; } #s2_single .content p + ul { margin-top: 1.5em; } #s2_single .content li { font-size: var(--rem); margin-top: .5em; } #s2_single .content li:first-child { margin-top: 0; } #s2_single .content p a { display: inline-block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_single { text-align: center; } .sec_size h2, #single_rel h3 { position: relative; z-index: 1; } #single_rel h3 { margin-bottom: 1em; } #single_rel { text-align: center; } #single_rel .nav_wrapper { flex-wrap: nowrap; margin-top: 1em; } #single_rel .nav_wrapper .link_round { font-size: var(--rem); margin: 0; padding: .25em; min-width: 3.5em; } #single_rel .nav_wrapper .link_round .wheel { width: 3em; height: 3em; } #single_rel .nav_wrapper .link_round .st0 { fill: var(--black); } #single_rel .nav_wrapper .slider_dots { position: relative; width: auto; bottom: auto; top: auto; left: auto; } #single_rel .nav_wrapper .swiper-pagination-bullet { margin: 0; background-color: var(--grey); } #single_rel .nav_wrapper .swiper-pagination-bullet-active { background-color: var(--orange); } /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ input[type="checkbox"] { border: 1px solid var(--black); width: 1.5em; height: 1.5em; } input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1.25em; } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie { text-align: center; } .back_wrapper { margin-top: 2.5%; } a.go_back { display: inline-block; padding: .75em 1.25em .625em 4.5em; border: 1px solid var(--white); border-radius: .5em; background: url(../images/svg/back.svg) no-repeat 1.25em center; background-size: 2em; background-color: var(--white); font-size: 1.25em; font-weight: bolder; color: var(--black); letter-spacing: .1em; } a.go_back:hover, a.go_back:active, a.go_back:focus { background-color: var(--orange); color: var(--white); } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elemtni specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 320px) / (1920 - 320) ) ) * => CALC 1920px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 1600 ) ) * => CALC 1280px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 960 ) ) * => CALC 1024px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 704 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 320 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (max-width: 1921px) { .head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 320px) / 1600 ) ); } .hamburger_btn { font-size: calc( var(--hamburger-px) + ( var(--hamburger-max) - var(--hamburger-min) ) * ( (100vw - 320px) / 1600 ) ); } .scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 320px) / 1600 ) ); } .back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 320px) / 1600 ) ); } } /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 480 -> 767 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { .head_logo { --head-logo-width: 180px; --head-logo-min: 180; } .user_btn, .cart_btn { margin: 0 .5em; } #single_rel .nav_wrapper .slider_dots { display: flex; gap: 1em; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 -> 1280 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Content */ #searchform { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 .5em; } #searchform label { display: none; } #search-form-1 { background-color: transparent; border: .1em solid var(--white); border-radius: 20em; height: auto; max-width: 14em; margin: 0; padding: .75em 3.5em .625em 1em; line-height: 1; color: var(--white); } #searchform input[type="submit"] { position: absolute; right: .5em; top: 0; border: none; background: url(../images/svg/search.svg) no-repeat center center; background-size: 1.5em; height: 100%; width: 3.5em; padding: 0; } .user_btn svg, .cart_btn svg { width: 2.5em; } /* Nav Menu */ .head_menu a { padding: 1.5vh .25em 1.5vh .25em; font-size: 1.375em; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Contents */ .news_wrapper { flex-wrap: nowrap; } .news_wrapper h3 { width: 50%; margin-bottom: 0; text-align: left; padding-right: 5%; } footer #mailpoet_form_1 { width: 50%; } footer #mailpoet_form_1 form.mailpoet_form { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; } footer #mailpoet_form_1 .mailpoet_paragraph:nth-of-type(1) { width: calc(100% - 8em); } footer #mailpoet_form_1 .mailpoet_paragraph:nth-of-type(2) { width: 8em; } footer #mailpoet_form_1 .mailpoet_text { margin-bottom: 0 !important; padding: .75em 1em .625em 1em !important; border-radius: 20em 0 0 20em; } footer #mailpoet_form_1 .mailpoet_submit { padding: .875em 1em .75em 1em !important; border-radius: 0 20em 20em 0; } .foot_block { margin: 0; } .foot_block:nth-of-type(1) { margin-top: 0; padding-right: 5%; } .foot_block:nth-of-type(2), .foot_block:nth-of-type(4) { padding-left: 5%; text-align: right; } .foot_block:nth-of-type(3) { padding-right: 5%; } .foot_block:nth-of-type(3), .foot_block:nth-of-type(4) { margin-top: 10%; } .foot_block .link_round { margin: 0 0 0 auto; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 2 */ .slider_wrapper .slider_dots { display: none; } .slider_nav { margin: 0; position: absolute; top: 50%; } .slider_prev { left: 0; transform: translate(-100%, -50%); } .slider_next { right: 0; transform: translate(100%, -50%); } a.link_void, button.link_void, a.link_color, button.link_color { margin-top: 2em; } /* Sec 3 */ .cat_grid { grid-template-columns: 1fr 1fr 1fr 1fr; } /* Sec 4 */ .sec_location .content { padding-left: 5%; } .sec_location .link_round, .sec_brand .link_round { margin: 0; } .sec_location picture img, .sec_brand picture img, .sec_servizio picture img { max-height: 90vh; } /* Sec 5 */ .sec_brand .content { padding-right: 5%; } /* Sec 6 */ .sec_rent h2 { margin-bottom: 1em; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo */ .team_grid { grid-template-columns: 1fr 1fr; grid-gap: 1em; } .sec_location iframe { width: 100%; } .sec_brands ul { columns: 2; } /* Template Servizi */ .sec_servizio .content { margin-bottom: 0; padding-left: 5%; } .sec_servizio:nth-of-type(even) .content { padding: 0 5% 0 0; } /* Template System */ /* Template Contatti */ .sec_contatti .content { padding-right: 5%; } .form_wrapper { margin: 0; padding-left: 5%; } /* Template Search */ .serach_card { flex-direction: row; flex-wrap: wrap; padding-bottom: 2em; border: none; border-bottom: 1px solid var(--grey); text-align: left; } .serach_card img { width: 12em; margin: 1em 1em 1em 0; } .serach_card h2, .serach_card p { flex: 1 1 auto; padding: 0; margin: 0 1em 0 0; } .serach_card a.link_color { margin: 0; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ #s2_shop .wrapper, #s2_archive .grid { grid-template-columns: 1fr 1fr; grid-gap: 1em; } .woocommerce-ordering { margin-top: 0em; float: right; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ .woocommerce-product-gallery .flex-control-thumbs { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em; } #single_rel .nav_wrapper { position: static; } #single_rel .nav_wrapper .slider_dots { padding: 0; margin-top: 1.5em; } #single_rel .nav_wrapper .link_round.slider_prev { transform: translate(calc(-100% - 1em), -50%); } #single_rel .nav_wrapper .link_round.slider_next { transform: translate(calc(100% + 1em), -50%); } } /** * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1025px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper .flex-el { margin-right: 4.5em; } /* Logo */ /* Hamburger */ .hamburger_btn { top: .25em; } .hamburger_btn { font-size: 25px; } .hamburger_btn:hover { } .hamburger_btn.tapped:hover { } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer .container { padding-left: calc(7.5% * var(--oriz-ratio)); padding-right: calc(7.5% * var(--oriz-ratio)); } /* Credits */ .credits a:hover, .credits a:active, .credits a:focus { opacity: 1; color: var(--color); } #credits_studio:hover { color: #e74e0f; } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Links */ .s1_title .link_round { margin: 2.5em 0 0 -1em; } .link_round .wheel { width: 6em; height: 6em; } .slider_nav .wheel { width: 4em; height: 4em; } /* Sections 1 */ .s1_title span.shape:before { transition-delay: 1s; } .s1_title p { margin-top: 1em; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ .s1_title { text-align: left; padding-right: 0; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo */ #s2_chi .content { padding-left: 5%; } #s2_chi picture { margin: 0; } .sec_brands ul { columns: 3; } /* Template System */ #s1_system .woocommerce { display: flex; align-items: flex-start; flex-wrap: wrap; } .woocommerce-MyAccount-navigation { width: 25%; padding: 0 2.5% 0 0; margin-bottom: 0; border: none; } .woocommerce-MyAccount-content { max-width: 75%; flex: 1 1 auto; padding: 0 0 0 2.5%; border-left: 1px solid var(--grey); } /* Template Contatti */ .info_block img { width: 2.5em; } /* Template Search */ .serach_card h2 { max-width: 50%; font-size: calc( var(--h2-size) * .5 ); } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ #s1_shop .s1_title { padding-left: calc(5% * var(--oriz-ratio)); } /* Sec 2 */ #s2_shop .container, #s2_archive .container { display: flex; align-items: flex-start; flex-wrap: wrap; padding-left: calc(5% * var(--oriz-ratio)); padding-right: calc(5% * var(--oriz-ratio)); } #s2_shop .filters { position: sticky; margin: initial; top: 2em; width: 25%; } .searchandfilter h4 { padding: 1.25em 0 1.05em 0; font-size: 1.25em; } #s2_shop .products_wrapper { padding-left: 5%; width: 75%; } #s2_shop #woof_results_by_ajax .woocommerce { width: 100%; padding: 0; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ #s1_single .product { display: flex; align-items: flex-start; flex-wrap: wrap; } #product_img { position: sticky; top: 4em; width: 50%; padding-right: 2.5%; } #s1_single .summary { width: 50%; padding-left: 2.5%; } #s1_single .a2a_kit { margin: 4em 0 0 0; padding-left: 0; } #single_content .breadcrumb, #single_content .product_meta > span { font-size: 87.5%; } #single_content #form_add_to_cart { overflow-x: initial; } a.woocommerce-product-gallery__trigger { width: 2.5em; height: 2.5em; top: .5em; } .info_form { margin: 3em 0 0 0; padding: 1.5em; margin-bottom: .5em; } #wpforms-884 input, #wpforms-884 textarea { padding: .75em; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 -> 1366 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper { padding: 1em 2.5%; } /* Logo */ /* Head Content */ .head_wrapper .flex-el { margin: 0; } .head_link { display: inline-block; margin: 0 1em; font-weight: 600; color: var(--white) !important; } .head_link:hover, .head_link:focus, .head_link:active { color: var(--orange) !important; text-decoration: underline; } #search-form-1:focus, #search-form-1:active { border-color: var(--orange) !important; } #search-form-1::placeholder { color: #fff; } .user_btn .st0, .cart_btn .st0 { transition: .25s ease; } .user_btn:hover .st0, .cart_btn:hover .st0, .user_btn:focus .st0, .cart_btn:focus .st0, .user_btn:active .st0, .cart_btn:active .st0 { fill: var(--orange); } .cart_btn label { padding-top: .25em; } /* Hamburger */ .hamburger_btn { position: relative; margin-left: 0em; top: auto; right: -.5em; } .hamburger_btn span { transition: .25s ease; } .hamburger_btn:hover span { background-color: var(--white); } /* Nav Menu */ .head_menu a:hover, .head_menu a:active, .head_menu a:focus { color: var(--white); font-weight: 800; letter-spacing: .1em; text-decoration: underline; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ .news_wrapper { padding-top: 5%; padding-bottom: 5%; } footer #mailpoet_form_1 form.mailpoet_form { max-width: 28em; margin: 0 0 0 auto; justify-content: flex-start; } footer #mailpoet_form_1 .mailpoet_submit { transition: .25s ease; } footer #mailpoet_form_1 .mailpoet_submit:hover, footer #mailpoet_form_1 .mailpoet_submit:active, footer #mailpoet_form_1 .mailpoet_submit:focus { background-color: var(--grey) !important; } /* Contents */ footer .container { align-items: flex-start; justify-content: space-between; } .foot_block { width: auto; flex: 1 1 auto; } .foot_block:nth-of-type(1) { padding-right: 2.5%; } .foot_block:nth-of-type(2), .foot_block:nth-of-type(3) { margin: 0; padding: 0 1.25%; text-align: left; } .foot_block:nth-of-type(4) { margin: 0; padding: 0 0 0 2.5%; } .foot_block .link_round:hover .svg_tire { animation: rotation 2.5s linear infinite forwards; } .foot_block .link_round:hover .svg_tire .st0 { animation: heat 1s .5s ease-out 1 forwards; } .foot_block .link_round:hover .svg_arrow .st0 { animation: heat-b 1s 1s ease-in-out infinite alternate; } .social a .st0, .social a .st1 { transition: .25s ease; } .social a:hover .st0, .social a:hover .st1, .social a:active .st0, .social a:active .st1, .social a:focus .st0, .social a:focus .st1 { fill: var(--orange); } /* Credits */ .credits a:hover, .credits a:active, .credits a:focus { color: var(--orange); } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons */ a.link_void:hover, button.link_void:hover, a.link_color:hover, button.link_color:hover, a.link_void:focus, button.link_void:focus, a.link_color:focus, button.link_color:focus, a.link_void:active, button.link_void:active, a.link_color:active, button.link_color:active { background-color: var(--white); border-color: var(--orange); color: var(--orange); font-weight: 800; } /* Links */ .link_round:hover p { letter-spacing: .1em; font-weight: 600; } .link_round:hover .wheel .svg_tire { opacity: 1; animation: accellerate 1s 0s cubic-bezier(0.32, 0, 0.67, 0) 1 forwards, rotate .25s 1s linear infinite forwards; } .link_round:hover .wheel .svg_tire .st0 { animation: heat 1s .5s ease-out 1 forwards; } .link_round:hover .wheel .svg_arrow { animation: grow 1s 0s ease-in-out infinite alternate; } .link_round:hover .wheel .svg_arrow .st0 { animation: heat-b 1s 1s ease-in-out infinite alternate; } @keyframes accellerate { 0% { transform: rotate(0deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1.1); } } @keyframes rotate { 0% { transform: rotate(0) scale(1.1); } 100% { transform: rotate(360deg) scale(1.1); } } @keyframes heat { 100% { fill: var(--white); } } @keyframes grow { 0% { transform: scale(.5); } 100% { transform: scale(.55); } } @keyframes heat-b { 0% { fill: var(--white); } 100% { fill: var(--orange); } } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 2 */ .cat_block .cat_bkg { transition: .75s ease-out; will-change: transform; } .cat_block .filter_black { transition: .75s ease-out; } .cat_block h3 .shape { transition: font-size .375s ease-out; will-change: transform; } .cat_block:hover .cat_bkg, .cat_block:focus .cat_bkg, .cat_block:active .cat_bkg { transform: scale(1); } .cat_block:hover .filter_black, .cat_block:focus .filter_black, .cat_block:active .filter_black { opacity: .5; } .cat_block:hover h3 .shape, .cat_block:focus h3 .shape, .cat_block:active h3 .shape { font-size: calc( var(--h5-size) * 1.5 ); } #s2_shop .card a:hover, #s2_shop .card a:active, #s2_shop .card a:focus { box-shadow: 0 0 0.25em rgb(30 30 30 / 50%); } .sec_featured .container { padding-left: calc(7.5% * var(--oriz-ratio)); padding-right: calc(7.5% * var(--oriz-ratio)); } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Chi Siamo */ .team_block .link_void:hover, .team_block .link_void:active, .team_block .link_void:focus { color: var(--orange) !important; } /*∞∞∞∞∞∞ ARCHIVIO ∞∞∞∞∞∞*/ #s2_archive .grid { grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5em; } .form_info_container .close:hover, .form_info_container .close:active, .form_info_container .close:focus { background-color: var(--grey); } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ a.woocommerce-product-gallery__trigger { width: 3em; height: 3em; } .info_form { margin: 4em 0 0 0; padding: 2em; } #single_content .variation_row > span { font-size: 100%; } #single_content .variation_row span button { line-height: 1.25; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1440 -> 1919 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { .team_grid { grid-gap: 1.5em; } #s2_shop .wrapper, #s2_archive .grid { grid-template-columns: 1fr 1fr 1fr; } #s2_archive .grid { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2em; } } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1920 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Head Content */ /* Hamburger */ /* Nav Menu */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Contents */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons */ /* Links */ /* Filters */ /* Sections 1 */ /* Breadcrumbs */ /* Scroll */ /* Components */ /* Cards */ /* Sidebar */ /* ... */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ .sec_featured .container { padding-left: calc(5% * var(--oriz-ratio)); padding-right: calc(5% * var(--oriz-ratio)); } /* Sec 3 */ /* Sec 4 */ /* Sec 5 */ /* Sec 6 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Noleggio */ /* Template Chi Siamo */ /* Template Servizi */ /* Template System */ /* Template Contatti */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec ... */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec ... */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) {} /** * * █▀▀▄ █▀▀ ▀▀█▀▀ ▀ █▄ █ ▄▀▀▄ * █▐█▀ █▀▀ █ █ █ ▀█ █▀▀█ * ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀ - RETINA (2x RESOLUTION DEVICES) * * __________________________________________________________________________________________________________________________________________________________________________ */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {} /** * * █▀▀▄ █▀▀ ▐▌ ▐▌ ▀ ▄▀▀ █▀▀ ▄▀▀ * █ █ █▀▀ ▀▄▀ █ █ █▀▀ ▀▄ * ▀▀▀ ▀▀▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - SPECIFIC DEVICES * __________________________________________________________________________________________________________________________________________________________________________ */ /* If is Device */ @media screen and (max-device-width: 1280px){} @media screen and (max-device-width: 768px){} @media screen and (max-device-width: 480px){}