/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { z-index: 4; } header.nav_open { position: fixed; } header .menu_desktop { display: none; } .head_wrapper { padding: 1em 1.5em; z-index: 2; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { width: 7rem; filter: brightness(0) invert(1); } .head_logo :where(img, svg) { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wpml-ls-legacy-list-horizontal a { position: relative; padding: 0.5rem; } .wpml-ls-legacy-list-horizontal a span { font-size: 1.25rem; color: var(--white); } .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { font-weight: 700; } .wpml-ls-legacy-list-horizontal a::after { content: ""; position: absolute; bottom: 0.25rem; left: 0; width: 0; height: 1px; background-color: var(--white); transition: .35s; } .wpml-ls-legacy-list-horizontal a:hover::after { width: 100%; } .wpml-ls-legacy-list-horizontal .wpml-ls-item-it { position: relative; } .wpml-ls-legacy-list-horizontal .wpml-ls-item-it::before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: calc(100% - 1rem); background-color: var(--white); transform: translateY(-50%) rotate(15deg); transform-origin: center; } .menu_custom button { position: relative; font-size: 3.25vh; padding: 1rem 0.5rem; color: var(--white); text-transform: uppercase; } .menu_custom button::after { content: ""; position: absolute; bottom: 0.25rem; left: 0; width: 0; height: 1px; background-color: var(--white); transition: .35s; } .menu_custom button:hover::after { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #hamburger { display: inline-block; font-size: var(--rem); line-height: 0; padding: .5em .5em; overflow: visible; cursor: pointer; transition: .25s ease; } #hamburger .wrap { width: 2.5em; height: 1.5em; } #hamburger span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 2.5em; height: 2px; border-radius: .2em; background-color: var(--white); transform-origin: center; will-change: transform; transition: .25s ease; } #hamburger .top_bun { top: 0; } #hamburger .burger { top: calc(50% - 1px); } #hamburger .bottom_bun { bottom: 0; } /* Tapped / Clicked animation */ /* * Copiare l'animazione scelta dal file hamburger.css * oppure utilizare quella base qui sotto */ #hamburger.tapped span { background-color: var(--white); 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); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; } #main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--red); } #main_nav .menu_custom { flex-direction: column; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link { position: relative; padding: 1rem 0.5rem; color: var(--white); text-transform: uppercase; width: max-content; } .link::after { content: ""; position: absolute; bottom: 0.25rem; left: 0; width: 0; height: 1px; background-color: var(--white); transition: .35s; } .link:hover::after { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_color { background-color: var(--color); mix-blend-mode: multiply; opacity: .5; } .filter_beige { background-color: var(--beige); } .filter_beige_tb { background: linear-gradient(to bottom, rgb(var(--beige-rgb) / 100%) 0%, rgb(var(--beige-rgb) / 0%) 100%); } .filter.red_bt { background: linear-gradient(to bottom, #6D1319 0%, var(--red) 100%); } .filter.pattern { background-image: url(../images/webp/pattern-v2.webp); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .dvh100 { min-height: 100dvh; } .tac_responsive { text-align: center; } /* Text */ .pretitle { font-family: var(--coursive-font); margin-bottom: 0.5rem; } .subtitle { font-family: var(--coursive-font); } .text.red :where(h2, h3, h4, p, span, a, li) { color: var(--red); } .maxw_60ch { max-width: 60ch; } .maxw_60ch.tac { margin: 0 auto; } .maxw_1024px { max-width: 1024px; } .maxw_1024px.tac { margin: 0 auto; } .maxw_1281px { max-width: 1281px; } .maxw_1281px.tac { margin: 0 auto; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* #scroll_btn { display: inline-block; position: absolute; left: 50%; bottom: 1.5em; --scroll-px: 40px; --scroll-min: 40; --scroll-max: 60; max-width: 60px; transform: translateX(-50%); cursor: pointer; z-index: 1; } #scroll_btn svg { width: 100%; animation: hang_scroll 1.5s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { from { transform: translateY(0); } to { transform: translateY(.5em); } } #scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; } #scroll_btn svg path { fill: var(--black); transition: .25s ease; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .nav_btn { top: 50%; transform: translateY(-50%); width: 3.5em; padding: .25em; z-index: 1; cursor: pointer; transition: .25s ease; } .nav_btn :where(img, svg) { width: 100%; } .nav_btn svg path { fill: var(--black); transition: .25s ease; } .nav_prev { left: 0; } .nav_next { right: 0; } .nav_btn.swiper-button-disabled { display: none; } /* Dots */ .nav_dots { gap: .5em; } /* NAV glightbox */ .glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Social */ /* .social {} .social a { display: inline-block; width: 3.5em; padding: .25em; } .social a :where(img,svg) { width: 100%; } .social a svg path { transition: .25s ease; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato */ .sticky { top: 15vh; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* #breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; } #breadcrumb li { list-style: none; margin: 0; } #breadcrumb .separator {} #breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); } */ /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .foot_content { gap: 4rem; z-index: 1; } .foot_content :where(p, a, span) { color: var(--red); } .foot_content .left a:not(:first-of-type) { margin-top: 1rem; } .foot_content .middle p:not(:first-of-type) { margin-top: 0.5rem; } .mappa { overflow: hidden; margin-top: -4rem; height: 90vh; } .mappa img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: auto; min-width: 100%; } .mappa .filter { background: linear-gradient(to bottom, rgb(var(--beige-rgb) / 100%) 0%, rgb(var(--beige-rgb) / 0%) 50%); } /* Fixed prenota */ #btn_prenota { bottom: 1rem; right: 0; background-color: var(--red); padding: 1rem 2.5rem; border-radius: 1.25rem 0 0 1.25rem; z-index: 5; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); transition: .35s ease; } #btn_prenota:hover { padding-right: 3.5rem; } #btn_prenota.nav_open { transform: translateX(100%); opacity: 0; pointer-events: none; } #btn_prenota p { color: var(--white); text-align: right; } #btn_prenota .title { font-family: var(--title-font); text-transform: uppercase; line-height: 1; font-size: 1.75em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #credits { position: absolute; bottom: 0; left: 0; width: 100%; } #credits p { font-size: .825em; color: var(--red); line-height: 1.5; margin: 0 auto; z-index: 1; } #credits .resp_sep { display: none; } #credits a { display: inline-block; font: inherit; color: inherit; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* #back_top { display: none; z-index: 2; bottom: .5em; right: .5em; --back-top-px: 40px; --back-top-min: 40; --back-top-max: 60; max-width: 60px; padding: .25em; background-color: rgb(255 255 255 / 25%); cursor: pointer; transition: .25s ease; } #back_top :where(img, svg) { width: 100%; } #back_top svg path { fill: var(--black); } */ /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #form_prenota { transform: translateX(100%); opacity: 0; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; background-color: rgb(var(--black-rgb) / 0%); transition-property: transform, background-color, opacity; transition-duration: 0.5s, 0.5s, 0.25s; transition-timing-function: ease, ease, ease; transition-delay: 0.5s, 0s, 0.5s; } #form_prenota.open { transform: translateX(0); opacity: 1; pointer-events: initial; background-color: rgb(var(--black-rgb) / 50%); transition-delay: 0s, 0.5s, 0s; } #form_prenota .close_bkg.close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #form_prenota .close_img { margin-bottom: 0.5rem; } #form_prenota .close_img img { width: 1.5rem; cursor: pointer; } #form_prenota .text { margin-bottom: 1rem; } #form_prenota .text p { color: var(--white); text-align: center; margin-bottom: 1rem; } #form_prenota .text span { font-family: var(--title-font); text-transform: uppercase; line-height: 1; font-size: 1.75em; } #form_prenota .text img { display: none; } #form_prenota .form_wrapper { width: 90%; max-width: 850px; background-color: var(--red); padding: 2rem 1rem; border-radius: 1.25rem; } /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_empty { padding: 2em 1.5em; } .card_empty svg { width: 6em; } .card_empty .text { margin-top: 1em; } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home video { filter: brightness(0.5); } #s1_home .s1_title :where(h1, h3) { filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 50%)); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_home .text p { font-size: clamp(1.5rem, 3vw, 2.5rem); max-width: 28ch; margin: 0 auto; font-family: var(--title-font); line-height: 1.3; } #s2_home .img_container { overflow: hidden; } #s2_home .img_container img { width: 175%; margin-left: -37%; max-width: unset; filter: saturate(0.25); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_home .left { width: 100%; } #s3_home .left .text { margin-bottom: 2rem; } #s3_home .left .img2 { left: var(--c5o); bottom: 0; transform: translateY(calc(100% - 4rem)); width: 45%; aspect-ratio: 3 / 4; } #s3_home .right { width: 80%; margin-top: 2rem; } #s3_home .right picture { width: 100%; aspect-ratio: 3 / 3.25; } #s3_home .right .play_ico { max-width: 250px; width: 70%; transition: .35s ease; } #s3_home .right:hover .play_ico { transform: translate(-50%, -50%) scale(1.1); } #s3_home .right .play_ico .play_words { animation: rotazione-infinita 15s linear infinite; object-fit: contain; filter: drop-shadow(0 0 1rem var(--black)); } #s3_home .right .play_ico .play_arrow { width: 20%; object-fit: contain; } /* Definiamo i movimenti */ @keyframes rotazione-infinita { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* #s4_home .top { top: var(--c15v); z-index: 2; left: 50%; transform: translateX(-50%); max-width: calc(100vw - var(--c10o)); } #s4_home .bottom { bottom: 0; z-index: 2; left: 50%; transform: translateX(-50%); max-width: calc(100vw - var(--c10o)); } */ /* Top #s4_home .top .text { display: none; } #s4_home .top .text.active, #s4_home .bottom .text.active { display: block; } */ /* Bottom #s4_home .bottom .text { display: none; max-width: 375px; margin: 0 auto; } #s4_home .bottom .text p { margin-bottom: 0.5rem; font-weight: 200; text-align: left; } #s4_home .bottom .text .nome { padding-bottom: 0.5rem; border-bottom: 1px solid var(--white); } #s4_home .bottom .text .nome h4 { margin: 0; } #s4_home .bottom .text.active { background-color: var(--red); } */ /* Slider #apt_gallery .filter { background: linear-gradient(to bottom, rgb(var(--black-rgb) / 75%) 0%, rgb(var(--black-rgb) / 0%) 50%, rgb(var(--black-rgb) / 0%) 50%, rgb(var(--black-rgb) / 75%) 100%); z-index: 1; } #apt_gallery .swiper-slide picture { } #apt_gallery .nav_btn { z-index: 3; top: 65%; } */ /* #s4_home .swiper_apt .swiper-slide picture { height: 100%; } */ #s4_home .btn_galleria { position: absolute; top: 55%; left: 50%; width: 4rem; transform: translate(-50%, -50%); } #s4_home .swiper_bkg .swiper-slide picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: brightness(0.65); } #s4_home .swiper_bkg .filter { background: linear-gradient(to bottom, rgb(var(--black-rgb) / 75%) 0%, rgb(var(--black-rgb) / 0%) 50%, rgb(var(--black-rgb) / 0%) 50%, rgb(var(--black-rgb) / 75%) 100%); } #s4_home .swiper_bkg .nav_prev { top: 65%; width: 4rem; left: calc(50% - 4rem); } #s4_home .swiper_bkg .nav_next { top: 65%; width: 4rem; right: calc(50% - 4rem); } #s4_home .swiper_apt { position: absolute; bottom: 0; left: 50%; width: 90%; max-width: 450px; transform: translateX(-50%); z-index: 1; pointer-events: none; } #s4_home .swiper_apt .text { padding: 3rem 1.5rem; border-radius: 1rem 1rem 0 0; } #s4_home .swiper_apt .text p { margin-bottom: 0.5rem; font-weight: 200; text-align: left; } #s4_home .swiper_apt .text .nome { padding-bottom: 0.5rem; border-bottom: 1px solid var(--white); } #s4_home .swiper_apt .text .nome h4 { margin: 0; } #s4_home .swiper_apt .swiper-slide.swiper-slide-thumb-active .text { background-color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #services_slider { width: 125%; } #services_slider .swiper-slide { height: auto; } #services_slider .swiper-slide .service_container { padding: 1.5rem; border: 1px solid var(--red); border-radius: 1rem; height: 100%; } #services_slider .swiper-slide .service_container { gap: 1rem; } #services_slider .swiper-slide .service_container img { height: 4rem; width: auto; } #services_slider .swiper-slide .service_container p { color: var(--red); font-size: 1rem; text-align: center; } #services_slider .swiper-scrollbar { position: relative; margin-top: 2rem; width: calc(100% - var(--c5o)); background-color: rgb(var(--red-rgb) / 25%); } #services_slider .swiper-scrollbar .swiper-scrollbar-drag { background-color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s6_home .text1 picture img, #s6_home .text3 picture img { min-height: 16rem; } #s6_home .text2 picture img { width: 80%; max-width: 450px; object-fit: contain; } #s6_home .svg_1830 { pointer-events: none; bottom: 0; left: 50%; transform: translate(-50%, 35%); pointer-events: none; opacity: 0.6; width: 102vw; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s7_home .wrapper { min-height: 80vh; } #s7_home .gallery_container .single_img { position: relative; } #s7_home .gallery_container .single_img img { width: calc(100vw / 3); height: calc(100vw / 3); border-radius: 1.25rem; transition: .5s ease-out; } #s7_home .gallery_container .img1 { width: 100%; } #s7_home .gallery_container .img1 img { transform: scale(1.25) translate(-0.25rem, 0); transform-origin: left; } #s7_home .gallery_container.active .img1 img { transform: scale(1.25) translate(-1rem, -2rem); } #s7_home .gallery_container .img2 { width: calc(100% / 3); z-index: 1; } #s7_home .gallery_container .img2 img { transform: scale(1.25) translate(-0.5rem, -1rem); transform-origin: center;} #s7_home .gallery_container.active .img2 img { transform: scale(1.25) translate(-2rem, -1.5rem); } #s7_home .gallery_container .img3 { width: calc(100% / 3); z-index: 2; } #s7_home .gallery_container .img3 img { transform: scale(1.25); transform-origin: center; } #s7_home .gallery_container .img4 { width: calc(100% / 3); z-index: 1; } #s7_home .gallery_container .img4 img { transform: scale(1.25) translate(1rem, 1rem); transform-origin: center; } #s7_home .gallery_container.active .img4 img { transform: scale(1.25) translate(2rem, 2rem); } #s7_home .gallery_container .img5 { width: 50%; justify-content: flex-end; z-index: 2; } #s7_home .gallery_container .img5 img { transform: scale(1.25) translate(0, -2rem); transform-origin: center; } #s7_home .gallery_container.active .img5 img { transform: scale(1.25) translate(-1.75rem, 1rem); } #s7_home .gallery_container .img6 { width: 50%; z-index: 1; } #s7_home .gallery_container .img6 img { transform: scale(1.25) translate(0, -1rem); transform-origin: center; } #s7_home .gallery_container.active .img6 img { transform: scale(1.25) translate(1.75rem, 2.5rem); } #s7_home .s7_video { position: absolute; top: 0; right: 0; border-radius: 1.25rem; width: 66vw; transition: .35s ease; } #s7_home .s7_video.active { top: -1rem; right: -2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 8 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s8_home .text img { width: 6rem; margin-bottom: 2rem; } #s8_home .text h2 { max-width: 18ch; margin: 0 auto; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Mappa */ .map { min-height: 25rem; z-index: 1; } .map .leaflet-control-attribution { display: none; } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Posts Loop */ .s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /* WP-Form - Custom */ #form .wpforms-layout-row { display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; flex-direction: row; } #form .wpforms-layout-column-50 { width: calc(50% - 0.5rem); margin: 0; } #form .wpforms-field { margin-bottom: 1rem; } #form .wpforms-field-date-time input.wpforms-field-date-time-date { background-position: 98% center; } #form .wpforms-field label { color: var(--white); opacity: 0.75; font-weight: 300; font-size: 0.9rem; margin: 0; } #form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-number, .wpforms-field-email, .wpforms-field-date-time, .wpforms-field-textarea) label { position: absolute; top: 0.45rem; left: 0rem; transition: .25s ease; } #form .focus.wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-number, .wpforms-field-email, .wpforms-field-date-time, .wpforms-field-textarea) label { top: -0.25rem; font-size: 0.8rem; } #form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 0; border-radius: 0; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); padding: 0.75rem 0 0.5rem 0; font-size: 1rem; color: var(--white); } #form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 0.75; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid var(--white); border-radius: 0; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); } #form .wpforms-field.wpforms-field-checkbox li label { padding: 0; color: var(--white); opacity: 1; } #form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--beige); } #form button[type=submit], #form input[type=submit] { padding: 0; font-size: 1.25rem; color: var(--white); text-transform: uppercase; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; margin: 1rem auto 0 auto; } #form button[type=submit]:hover, #form input[type=submit]:hover { transform: scale(1.1);} /* MailPoet Form - Custom #form_mp { background-color: var(--white); } #form_mp .mailpoet_form .mailpoet_paragraph label { color: ; } #form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) { background-color: transparent; border: ; border-radius: ; padding: ; font-size: ; color: ; } #form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; } #form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; } #form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; } #form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; } #form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; } #form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit { padding: ; font-size: ; color: ; background-color: ; border: ; border-radius: ; } #form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; } */ /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie h1 { line-height: 0.8; } #s1_grazie .link::after { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_404 h1 { line-height: 0.8; } #s1_404 .link::after { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GSLIDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #glightbox-body :where(.gslide-description, .gslide-title) { display: none !important; } #glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: unset; bottom: 1rem; } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * 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 * * __________________________________________________________________________________________________________________________________________________________________________ */ /* .head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); } */ /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper { padding: 1.5em 2.5%; z-index: 2; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s2_home .img_container img { width: 125%; margin-left: -12.5%; } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ #form_prenota .form_wrapper { padding: 3rem 5rem; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Credits */ #credits br { display: none; } #credits .resp_sep { display: inline-block; } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ #form_prenota .text { margin-bottom: 1.5rem; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s3_home .title h2 { max-width: 18ch; margin: 1rem auto 0 auto; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ header .menu_desktop { display: block; } header .menu_desktop button { font-size: 1.25rem; padding: 1rem 1rem; } #hamburger { display: none; } /*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/ .tac_responsive { text-align: left; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ /* Section 1 */ #s1_home .s1_title { max-width: 100ch; margin-top: var(--c7v); } #s1_home .s1_title h3 { font-size: calc(var(--h3-size) * 0.75); } #s1_home .s1_title .subtitle { text-align: right; } /* Section 2 */ #s2_home .img_container img { width: 100%; margin-left: 0; } /* Section 3 */ #s3_home .flex_container { justify-content: center; align-items: flex-end; gap: 6rem; } #s3_home .left { width: calc(50% - 2rem); } #s3_home .left .img1 { padding-left: var(--c10o); } #s3_home .left .img2 { width: 12rem; left: unset; right: 0; transform: translate(80%, calc(100% - 6rem)); z-index: 1; } #s3_home .left .text { padding-right: 0; padding-left: var(--c10o); } #s3_home .right { width: calc(50% - 4rem); } #s3_home .right picture { aspect-ratio: 3 / 2.15; } /* Section 4 */ /* #s4_home .top h2 { max-width: 1024px; margin: 0 auto; } #s4_home .top p { max-width: 768px; margin: 1rem auto 0 auto; } #s4_home .bottom { display: flex; justify-content: center; align-items: flex-end; max-width: calc(100vw - var(--c5o)); } #s4_home .bottom .text { display: block; flex: 1; transition: .35s ease; } #s4_home .bottom .text:hover { background-color: var(--red); } #s4_home .bottom .text p { font-size: 0.8rem; } #s4_home .bottom .text .nome h4 { font-size: 1.25rem; } */ #s4_home .btn_galleria { position: absolute; top: 50%; left: 50%; width: 6rem; transform: translate(-50%, -50%); transition: .25s ease; } #s4_home .btn_galleria:hover { transform: translate(-50%, -50%) scale(1.1); } #s4_home .swiper_apt { pointer-events: initial; width: 100%; max-width: unset; } #s4_home .swiper_apt .text { padding: 3rem 0.5rem; } #s4_home .swiper_apt .text p { font-size: 0.8rem; } #s4_home .swiper_apt .text .nome h4 { font-size: 1.15rem; } /* #s4_home .swiper_bkg .text h2 { max-width: 1024px; margin: 0 auto; } #s4_home .swiper_bkg .text p { max-width: 768px; margin: 1.5rem auto 0 auto; } */ #s4_home .swiper_bkg .nav_prev { top: 50%; left: var(--c5o); } #s4_home .swiper_bkg .nav_next { top: 50%; right: var(--c5o); } /* Section 5 */ #services_slider { width: 110%; } /* Section 6 */ #s6_home .container { padding-left: 0; } #s6_home .text { max-width: 550px; margin: 0 auto; } #s6_home .text1 picture img, #s6_home .text3 picture img { min-height: unset; aspect-ratio: 3 / 2.25; } #s6_home .text2 { padding-left: var(--c5o); flex-direction: row-reverse; } #s6_home .text3 { padding-left: var(--c5o); } /* Section 7 */ #s7_home .wrapper { min-height: 90vh; max-width: 50vw; margin: 0 auto; } #s7_home .gallery_container .single_img { position: relative; } #s7_home .gallery_container .single_img img { width: calc(50vw / 3); height: calc(50vw / 3); border-radius: 1.25rem; } #s7_home .gallery_container.active .img1 img { transform: scale(1.25) translate(-4rem, -2rem); } #s7_home .gallery_container.active .img2 img { transform: scale(1.25) translate(-5rem, -2rem); } #s7_home .gallery_container.active .img4 img { transform: scale(1.25) translate(5rem, 3rem); } #s7_home .gallery_container.active .img5 img { transform: scale(1.25) translate(-4rem, -1rem); } #s7_home .gallery_container.active .img6 img { transform: scale(1.25) translate(2.5rem, 1rem); } #s7_home .s7_video { position: absolute; top: 0; right: 0; border-radius: 1.25rem; width: 35vw; } /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ /* AL 1024 Gslider */ #glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: 45%; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ .foot_content { grid-template-columns: 25% calc(50% - 4rem) 25%; gap: 2rem; } .foot_content :where(p, a, span) { font-size: 0.95rem; } .foot_content .right { text-align: right; } /* Credits */ #credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--color); } #credits #credits_studio:hover { color: #e74e0f; } /* Back Top */ #back_top { opacity: 1; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s4_home .swiper_apt .text { padding: 3rem 1.25rem; } #s4_home .swiper_apt .text p { font-size: 1rem; } #s4_home .swiper_apt .text .nome h4 { font-size: 1.25rem; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ .foot_content :where(p, a, span) { font-size: var(--rem); } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s4_home .bottom .text p { font-size: 1rem; } #s4_home .bottom .text .nome h4 { font-size: 1.5rem; } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* #form_prenota .text img { filter: brightness(0) invert(1); width: 6rem; display: block; } */ } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { /*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/ .maxw_unset { max-width: unset; } } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) { /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s6_home .text1 { padding-left: var(--c5o); } #s6_home .text1 picture img { border-radius: 1.25rem; } }