/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " ValSeriana - 2026 " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .djacc { width: fit-content !important; z-index: 4; } /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .header { position: fixed; top: 0; left: 0; z-index: 5; padding: .75rem; } .head_wrapper { box-shadow: 0 0 .75rem rgb(30 30 30 / 25%); z-index: 2; border-radius: 1.5em; max-width: 25rem; margin: 0 auto; } .head_wrapper .filter { background: linear-gradient(108deg, rgb(0 47 27 / 90%), rgb(18 83 55 / 90%), rgb(0 122 50 / 90%)); border-radius: 1.5em; backdrop-filter: blur(2rem); } .head_wrapper .top, .head_wrapper .bottom_head { } .head_wrapper .bottom_head { } .head_wrapper .top { padding: .75rem 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; --head-logo-width: 70px; /* <- in 'px' */ --head-logo-min: 70; --head-logo-max: 120; max-width: 120px; } .head_logo :where(img, svg) { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Button cerca */ .icon_mob { margin-right: 1em; } .icon_mob svg { width: auto; height: 1.75rem; } .icon_mob svg path { fill: var(--white); } .icon_mob:hover, .icon_mob:focus, .icon_mob:active { } /* Menu principale esterno */ .ext_menu .resp { display: none; } .ext_menu .bottom_head { display: flex; align-items: center; justify-content: space-between; border-radius: 0 0 1.5em 1.5em; background-color: rgb(var(--black-rgb) / 20%); } .ext_menu .bottom_head .wrp_menu .open_menu { position: relative; width: auto; display: flex; align-items: center; justify-content: center; gap: .25rem; color: var(--white); font-size: clamp(16px, 1vw, 18px); padding: 0.75rem 1rem; } .ext_menu .bottom_head .wrp_menu .open_menu img { width: .75rem; } .ext_menu .bottom_head .wrp_menu.active .open_menu { text-decoration: underline 1px; } .ext_menu .bottom_head .wrp_menu.active .open_menu img { transform: scaleY(-1); } .ext_menu .sub_menu { position: absolute; bottom: 0; left: 0; background-color: rgb(var(--white-rgb) / 95%); backdrop-filter: blur(.5rem); z-index: -1; border-radius: 1.5em; padding: 1.5rem 2rem; opacity: 0; pointer-events: none; transition: .25s ease; transform: translateY(calc(50% - 1.5rem)); width: 35rem; max-width: 100%; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); } .ext_menu .wrp_menu.active .sub_menu { opacity: 1; pointer-events: initial; transform: translateY(calc(100% + 1.5rem)); } .ext_menu .wrp_menu .sub_menu .head_menu { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem .5rem; width: 100%; } .ext_menu .wrp_menu .sub_menu .head_menu a { color: var(--vls); line-height: 1.125; font-size: clamp(16px, 1.5vw, 1rem); } .close_submenu { position: fixed; pointer-events: initial; z-index: 3; display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #hamburger { display: inline-block; font-size: var(--rem); line-height: 0; overflow: visible; cursor: pointer; transition: .25s ease; } #hamburger .wrap { width: 1.75rem; height: 1.5rem; } #hamburger span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 1.75rem; height: 2px; background-color: var(--white); transform-origin: center; will-change: transform; transition: .25s ease; } #hamburger .burger { top: calc(50% - 1px); } #hamburger .top_bun { top: 0; } #hamburger .bottom_bun { bottom: 0; } #hamburger:not(.tapped):hover .burger, #hamburger:not(.tapped):focus .burger, #hamburger:not(.tapped):active .burger { width: 1.75em; } /* Tapped / Clicked animation */ #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); } /* Mod */ .mobile .bottom_head { display: flex; align-items: center; justify-content: space-between; border-radius: 0 0 1.5em 1.5em; padding: 0 1rem; background-color: rgb(var(--black-rgb) / 20%); } .mobile .bottom_head .wrp_menu :where(button, a) { position: relative; width: auto; display: flex; align-items: center; justify-content: center; gap: .5rem; color: var(--white); font-size: 16px; padding: .75rem; /* backdrop-filter: blur(1rem); */ } .mobile .bottom_head .wrp_menu :where(button, a) img { width: 1rem; } .mobile .bottom_head .wrp_menu.active .open_menu { text-decoration: underline 1px; } .mobile .bottom_head .wrp_menu.active .open_menu img { transform: scaleY(-1); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; overflow-y: scroll; min-height: 100dvh; background: linear-gradient(108deg, rgb(0 47 27 / 90%), rgb(18 83 55 / 90%), rgb(0 122 50 / 90%)); backdrop-filter: blur(2rem); } #main_nav .menu_wrapper { top: 0; left: 0; padding-top: var(--topHead); } /* Menu principale interno */ #main_nav .wrp_menu { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); } #main_nav .menu_landing + .bottom_head { border-top: 1px solid rgb(var(--white-rgb) / 50%); } #main_nav .wrp_menu :where(a, button) { position: relative; width: 100%; padding: 1rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: var(--white); font-size: 1.25rem; } #main_nav .wrp_menu :where(a, button) img { width: 1.5rem; } #main_nav .wrp_menu.active :where(a, button) img { transform: scaleY(-1); } #main_nav .wrp_menu .sub_menu { display: none; background: rgb(var(--white-rgb) / 90%); } #main_nav .wrp_menu .sub_menu li + li { border-top: 1px solid var(--vls); } #main_nav .wrp_menu .sub_menu a { padding: .75rem 1rem; font-size: 1rem; color: var(--vls); } /* Menu landing */ .menu_landing { padding: 1rem; text-align: center; margin-bottom: 1rem; } .menu_landing > p { color: var(--white); margin-bottom: .5rem; } .head_menu_landing ul { display: flex; align-items: center; justify-content: center; } .head_menu_landing, .head_menu_landing ul { gap: .5rem; } .head_menu_landing li a { display: inline-block; position: relative; padding: .5em 1.25em; border-radius: 5rem; background-color: rgb(var(--white-rgb) / 15%); font: inherit; font-size: .85rem; font-weight: 500; color: var(--white); } .head_menu_landing li a:hover, .head_menu_landing li a:active, .head_menu_landing li a:focus { background-color: var(--white); color: var(--vls); } /* Link nel menu */ .wrapper_link { gap: .75rem; padding: 1rem } .wrapper_link .box_link { gap: .75rem; border-radius: .5em; background: rgb(var(--white-rgb) / 15%); padding: .75em; width: 100%; color: var(--white); font-size: 1.25rem; font-weight: 300; line-height: 1; } .wrapper_link .box_link svg { width: 1.5rem; height: auto; filter: drop-shadow(0 0.862px 3.449px rgb(var(--black-rgb) / 25%)); } .wrapper_link .box_link svg path { fill: var(--white); } /* Lang mobile */ #main_nav .lang { padding: 1rem 1rem 2rem 1rem; border-top: 1px solid rgb(var(--white-rgb) / 50%); } #main_nav .lang .wpml-ls-legacy-dropdown-click .wpml-ls-item { display: flex; align-items: center; justify-content: flex-start; gap: .5em; } #main_nav .lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; } #main_nav .lang .wpml-ls-legacy-dropdown-click a { display: flex; align-items: center; justify-content: center; min-width: 2.25em; padding: .75em .5em; border: unset; background: rgb(var(--white-rgb) / 15%); border-radius: .25em; font-size: 1rem; color: var(--white); text-transform: uppercase; } #main_nav .lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a { background-color: var(--white); color: var(--vls); } #main_nav .lang #wpml-ls-submenu-click-default { display: block; position: relative; top: unset; background: transparent; border: unset; visibility: visible; } .box_link.ico_wish i { display: none !important; } .icon_mob.ico_wish i { display: none; } .ico_wish i { display: flex; align-items: center; justify-content: center; position: absolute; top: -.125rem; right: -.125rem; background-color: var(--white); width: .75rem; height: .75rem; border-radius: 5rem; color: var(--vls); font-size: 10px; font-style: normal; font-weight: 500; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_seacrh { display: none; position: fixed; top: 0; right: 0; /* padding-top: var(--topHead); */ z-index: 5; background: linear-gradient(108deg, rgb(0 47 27 / 90%), rgb(18 83 55 / 90%), rgb(0 122 50 / 90%)); backdrop-filter: blur(2rem); } .wrapper_seacrh .filter_close { pointer-events: initial; } .wrapper_seacrh .search { padding: var(--c7v) 1.5rem 1.5rem 1.5rem; width: 40rem; max-width: 100%; margin: 0 auto; } .wrapper_seacrh .search .text h3 { font-size: clamp(1.5rem, 2vw, 2rem); } .wrapper_seacrh .search .text p { font-size: 1rem; margin-top: 1rem; } .wrapper_seacrh .search .close { display: flex; align-items: center; justify-content: flex-start; gap: .5rem; margin-bottom: 1rem; font-size: 1rem; color: var(--white); } .wrapper_seacrh .search .close svg { width: 1rem; } .wrapper_seacrh .search .close svg rect { fill: var(--white); } .wrapper_seacrh .search .close:hover { opacity: .75; } .wrapper_seacrh .search form { position: relative; } .wrapper_seacrh .search #keyword { width: 100%; height: auto; padding: .75rem 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em; color: var(--white); font-size: 1.25rem; font-weight: 300; line-height: 1.5; } .wrapper_seacrh .search #keyword::placeholder { color: var(--white); font-size: 1.25rem; line-height: 1.5; } .wrapper_seacrh .search .input_wrapper svg { width: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } .wrapper_seacrh .search .input_wrapper svg path { fill: var(--white); } .wrapper_seacrh .searchInput .ajax_spinner { display: none; padding: 1rem; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em; z-index: 1; position: relative; } .wrapper_seacrh .searchInput .ajax_spinner img { width: 1.5rem; } .wrapper_seacrh .wrapper_datafetch { display: none; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em; z-index: 1; position: relative; text-align: left; } .wrapper_seacrh .search_result { overflow-y: scroll; height: 45vh; z-index: 1; position: relative; } .wrapper_seacrh .search_result ul { padding: 1rem; } .wrapper_seacrh .search_result ul + ul { border-top: 1px solid rgb(var(--white-rgb) / 50%); } .wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: rgb(var(--white-rgb) / 50%); } .wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: var(--white); border-radius: 2rem; } .wrapper_seacrh .search_result li + li { margin-top: 1rem; } .wrapper_seacrh .search_result li.pretitolo + li { margin-top: .5rem; } .wrapper_seacrh .search_result li.pretitolo { opacity: .75; font-weight: 600; font-size: .85rem; text-transform: uppercase; color: var(--vls_light); } .wrapper_seacrh .search_result li a { font: inherit; font-weight: 400; font-size: 1rem; color: var(--white); line-height: 1.125; } .wrapper_seacrh .search_result li a:hover { opacity: .5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_news { padding: .5rem; text-align: center; border-radius: 0 0 1.5em 1.5em; background: linear-gradient(108deg, rgb(0 47 27 / 100%), rgb(18 83 55 / 100%), rgb(0 122 50 / 100%)); } .wrapper_news :where(p, a) { color: var(--white); font-size: 16px; } .wrapper_news a { text-decoration: underline 1px; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; position: relative; padding: .5em 1.25em; border-radius: 5rem; /* border: 1px solid var(--vls_light); background-color: var(--vls_light); */ font: inherit; font-size: var(--rem); font-weight: 600; color: var(--white); text-transform: uppercase; border-top: 1px solid var(--vls_light); border-bottom: 1px solid var(--vls); border-left: 1px solid transparent; border-right: 1px solid transparent; background: linear-gradient(to top, var(--vls), var(--vls_light), var(--white), var(--white)); background-size: 100% 275%; background-position: 100% 99%; transition: all .25s ease, background-position .125s ease; } .link svg { height: 1.125rem; width: auto; } .link svg path { fill: var(--white); transition: .25s ease } .link:hover, .link:focus, .link:active { /* background: var(--white); */ border-color: var(--vls_light); color: var(--vls_light); background-position: top; } .link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--vls_light); } .link.white { background: var(--white); border-color: var(--white); color: var(--black); } .link.white:hover, .link.white:focus, .link.white:active { background: rgb(var(--white-rgb) / 25%); color: var(--white); } .link.white svg path { fill: var(--black); } .link.white:hover svg path, .link.white:focus svg path, .link.white:active svg path { fill: var(--white); } .link.out_white { background: transparent; border-color: var(--white); color: var(--white); } .link.out_white:hover, .link.out_white:focus, .link.out_white:active { background: rgb(var(--white-rgb) / 25%); color: var(--white); } .link.out_white:hover svg path, .link.out_white:focus svg path, .link.out_white:active svg path { fill: var(--white); } .link.link_grey { background: transparent; border-color: #6d6d6d; color: #6d6d6d; } .link.link_grey:hover, .link.link_grey:focus, .link.link_grey:active { background: #6d6d6d; color: var(--white); } .link.link_grey:hover svg path, .link.link_grey:focus svg path, .link.link_grey:active svg path { fill: var(--white); } .link.color { background: var(--color); border-color: var(--color); color: var(--white); } .link.color:hover, .link.color:focus, .link.color:active { background: var(--white); color: var(--color); } .link.out_color { background: transparent; border-color: var(--color); color: var(--color); } .link.out_color:hover, .link.out_color:focus, .link.out_color:active { background: var(--color); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .green { color: var(--vls); } .pretittle { text-transform: uppercase; } .big_title { font-family: var(--cursive); line-height: .25; font-size: 20vw; opacity: .5; white-space: nowrap; pointer-events: none; } .big_title + :where(h1, h2, h3, h4, h5, h6) { margin-top: 0 !important; } .text.white :where(p, h1, h2, h3) { text-shadow: 0 3.928px 11.293px rgba(0, 0, 0, 0.64); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 { width: 2.5rem; 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_btn.white img { filter: invert(1); } .nav_btn.abs { top: 50%; transform: translateY(-50%); } .nav_prev.abs { left: 0; } .nav_next.abs { right: 0; } .nav_btn.swiper-button-disabled { display: none; } /* Dots */ .nav_dots { bottom: unset; left: unset; margin-top: 1.5rem; } .nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--black); width: .625rem; height: .625rem; opacity: 1; z-index: 1; } .nav_dots .swiper-pagination-bullet-active { background-color: var(--black); } .swiper-gallery #nav_dots { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); width: auto; z-index: 2; } .swiper-gallery #nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--white); width: .625rem; height: .625rem; opacity: 1; z-index: 1; } .swiper-gallery #nav_dots .swiper-pagination-bullet-active { background-color: var(--white); } /* NAV glightbox */ .glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Social */ .social { gap: .5em; } .social a { display: inline-block; width: 3em; } .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); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ AVVISO WISHLIST ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wishlist-feedback { position: fixed; top: 4rem; right: 1.5rem; z-index: 5; gap: 1rem; background: var(--vls); padding: 1rem; border-radius: 1.5rem 0 0 0; transform: translateX(100%); opacity: 0; pointer-events: none; transition: .25s ease; } .wishlist-feedback p { color: var(--white); font-size: 1rem; width: 15rem } .wishlist-feedback p a { display: inline-block; text-decoration: underline 1px; font: inherit; } .wishlist-feedback svg { width: 1.5rem; } .wishlist-feedback p span { display: none; } .wishlist-feedback.show { transform: translateX(0); opacity: 1; pointer-events: initial; } .wishlist-feedback.added .added { display: block; } .wishlist-feedback.removed .removed { display: block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background: linear-gradient(140deg, #002F1B, #125337, #007A32); border-radius: 0 var(--c10o) 0 0; } footer .container { padding: var(--c10v) var(--c5o); display: grid; gap: var(--c10v) var(--c2o); } footer .container + .container { border-top: 1px solid rgb(var(--white-rgb) / 50%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Foot Logo */ .foot_logo { display: block; } .foot_logo :where(img, svg) { width: 65%; } .foot_logo.vls { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgb(var(--white-rgb) / 25%); } /* Foot Block */ .foot_block {} .foot_block h3 { color: var(--white); font-weight: 300; } .foot_block h3 + p { margin-top: .75rem; font-size: 1.125rem; } .foot_block h4 { font-size: 1.5rem; text-transform: uppercase; color: var(--white); font-weight: 600; margin-bottom: 1rem; } .foot_block p, .foot_block li a { color: var(--white); font-size: 1rem; line-height: 1.125; font-weight: 300; } .foot_block p + p, .foot_block li + li { margin-top: .5rem; } .foot_block p a { font: inherit; color: var(--white); } /* Foot Social */ .foot_social {} .foot_social .flex-init { margin-top: 1.5rem; gap: 1rem .5rem; } .foot_social .text p { line-height: 1.5; } /* Loghi */ .wrapper_loghi { background-color: var(--white); padding: var(--c10v) var(--c5o); gap: 1rem; } .wrapper_loghi .logo { height: auto; max-width: 45%; width: auto; } .wrapper_loghi .logo img { object-fit: contain; width: 100%; height: 100%; max-height: 5rem; max-width: 9rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #credits { background-color: var(--white); padding: 0 var(--c5o) var(--c5v) var(--c5o); } #credits p { font-size: .825em; line-height: 1.5; margin: 0 auto; z-index: 1; } #credits .resp_sep { display: none; } #credits a { display: inline-block; font: inherit; color: inherit; text-decoration: underline 1px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION SOCIAL WALL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s_social { overflow: hidden; z-index: 1; } #s_social .text p { font-size: 1.25rem; } .gallery_wrp { white-space: nowrap; } .gallery_wrp img { aspect-ratio: 1 / 1; width: 50vw; min-width: 50vw; padding: .5rem; border-radius: 2em 0 0 0; object-fit: cover; } .gallery_bottom { margin-top: .5rem; } /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } .s1 .clip { width: 100%; height: 100%; position: absolute; border-radius: 0 0 0 var(--c10o); overflow: hidden; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .card a:not(.link), .card .card_int { border-radius: 2rem 0 0 0; overflow: hidden; min-height: 27.5rem; background-color: #f0f0f0; } .card.offerta_scaduta { filter: grayscale(1); } .card p.offerta_scaduta { color: black; font-size: 1rem; margin-bottom: 1rem; background: white; padding: .25rem .5rem; border-radius: 10px 0 0 0; width: fit-content; } .card .info_top { position: absolute; top: 1rem; right: 1rem; gap: .5rem; z-index: 1; } .card .info_top mark { border-radius: 5rem; background-color: var(--white); padding: .5rem 1rem; font-size: 16px; color: var(--black); text-transform: uppercase; font-weight: 600; } .btn_wishlist { border-radius: 5rem; height: 2rem; width: 2rem; background-color: var(--white); padding: .5rem .45rem .45rem .45rem; } .btn_wishlist svg { width: 100%; height: 100%; transition: .25s ease; } .btn_wishlist .st0 { fill: var(--white); /* fill: red; */ opacity: 0; } .btn_wishlist .st1 { fill: var(--black); } .btn_wishlist:focus-visible svg, .btn_wishlist:active svg { transform: scale(.95); } .btn_wishlist.active svg path { opacity: 1; fill: red; } .card a:not(.link) picture { overflow: hidden; border-radius: 2rem 0 0 0; } .card a:not(.link) picture img { transition: .375s ease-in-out; } .card .card_content { background-color: rgb(var(--black-rgb) / 35%); backdrop-filter: blur(.5rem); } .card .tit { padding: 1rem; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); text-align: left; } .card .tit h3 { font-size: 1.75rem; color: var(--white); font-weight: 600; } .card .tit .info_tax { grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1.5rem; } .card .tit .info_tax p { gap: .5rem; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.25; color: var(--white); text-transform: uppercase; } .card .tit .info_tax p img { height: 1rem; width: auto; } .card .tit .info_tax p span { display: inline-block; } .card .tit .info_tax p span b { text-transform: initial; } .card .luogo { padding: 1rem; gap: 1rem; } .card .luogo p { max-width: calc(100% - 2rem); gap: .5rem; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.125; color: var(--white); text-transform: uppercase; font-weight: 600; } .card .luogo p img { height: 1rem; width: auto; } .card .luogo p span { display: inline-block; } .card .luogo button { width: 1.75rem; } .card .luogo button svg { width: 100%; height: 100%; } .card .luogo button svg path { fill: var(--white); } .card .arrow { animation: hover 2s ease infinite paused; } @keyframes hover { 0% { transform: translateX(.25rem); } 50% { transform: translateX(-.5rem); } 100% { transform: translateX(.25rem); } } /* Hover */ .card a:not(.link):hover picture img { transform: scale(1.1); } .card a:not(.link):hover .arrow { animation-play-state: running; } /* Esterne single */ .card_ext .card_content p { font-size: .95rem; color: var(--white); } /* Uffici turistici */ .card .ico_volpe { position: absolute; top: 1rem; right: 1rem; gap: .5rem; z-index: 1; box-shadow: 0 0 .5rem rgb(30 30 30 / 10%); background-color: var(--white); width: 3rem; height: 3rem; padding: .5rem; border-radius: .5rem; } .card .ico_volpe img { width: 100%; height: 100%; object-fit: contain; } /* Blog */ .card_blog mark { background: linear-gradient(to top, var(--vls), var(--vls_light)); color: var(--white) !important; } .card_blog a { height: 100%; } .card_blog .tit { border-bottom: 0; padding-bottom: .125rem; } .card_blog .tit p { font-size: .85rem; color: var(--white); line-height: 1.5; font-weight: 300; margin-top: 1rem; } .card_blog .flex-r { padding: 0 1rem 1rem 0; } .card_blog button { width: 1.75rem; } .card_blog button svg { width: 100%; height: 100%; } .card_blog button svg path { fill: var(--white); } /* Ultimi articoli */ .last_blog + .last_blog { margin-top: 1.5rem; } .last_blog .grid { gap: 1rem; grid-template-columns: .25fr 1fr; align-items: center; } .last_blog mark { display: inline-block; border-radius: 5rem; background: linear-gradient(to top, var(--vls), var(--vls_light)); padding: .375rem 1rem; font-size: 16px; color: var(--white); text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; } .last_blog picture { height: 100%; border-radius: 1.5rem 0 0 0; overflow: hidden; } .last_blog h3 { font-size: 1.5rem; font-weight: 700; transition: .25s ease; } .last_blog p { font-size: .85rem; line-height: 1.5; font-weight: 300; margin-top: .5rem; width: calc(100% - 2rem); } .last_blog .date { margin-top: .25rem; text-transform: uppercase; } .last_blog button { position: absolute; right: 0; bottom: 0; width: 1.75rem; } .last_blog button svg { width: 100%; height: 100%; } .last_blog:hover h3 { color: var(--vls); } .last_blog:hover button { transform: translateX(1rem); } /* Se non hanno colore */ .card.custom_color .wishlist { background-color: var(--color); } .card.custom_color .wishlist svg path { fill: var(--white) !important; } .card.custom_color mark { background-color: var(--color); color: var(--white); } .card.custom_color .card_content { background-color: rgb(var(--color-rgb) / 65%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home h1 { max-width: 18ch; margin: 0 auto; font-size: calc(var(--h1-size) * 1.25); } #s1_home h1 span { text-transform: uppercase; font-size: 1.5rem; line-height: 1; display: inline-block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .swiper_bkg.swiper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } :where(h1, h2, h3, h4, h5 ,h6, p, ol, ul) + .links { margin-top: 1.75rem; } .links { display: flex; align-items: center; justify-content: flex-start; gap: .75rem .5rem; flex-wrap: wrap; } .links .link { margin: 0; } .links .magic_class { left: 0; bottom: 0; } .tac_mobile .links, .tac .links { justify-content: center; } .swiper-3d .swiper-slide-shadow { display: none !important; } .swiper-cards .card:not(.swiper-slide-active) a { filter: brightness(.75); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .to_1_back, .to_2_back, .to_3, .to_4 { display: none; } .to_1_back, .to_2_back { margin-right: 1rem; } .box_con_chi_wrapper, .box_quando_wrapper { display: none; } .steps { white-space: nowrap; width: 300%; } .step_2_visible { transform: translateX(-33.33%); } .step_3_visible { transform: translateX(-66.66%); } .step { margin-bottom: .5rem; width: 100%; } .step span { background-color: #ccc; border-radius: 4rem; padding: 0.25rem; margin-right: 1rem; aspect-ratio: 1 / 1; width: 2rem; display: flex; align-items: center; justify-content: center; color: var(--black); font-weight: 700; } .step p { font-weight: 500; color: #ccc; } .step.active span { background: linear-gradient(to top, var(--vls), var(--vls_light)); color: var(--white); } .step.active p { color: var(--black); } .box_sel_wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; } .box_sel { aspect-ratio: 1 / 1; background: linear-gradient(to top, var(--vls), var(--vls_light)); border-radius: 1rem; position: relative; overflow: hidden; cursor: pointer; transition: .2s ease; width: calc((100% / 2) - 1rem); padding: .25rem; text-align: center; } .box_sel .bkg_abs { filter: brightness(.5); } .box_sel label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .box_sel input { position: absolute; top: 1rem; right: 1rem; -webkit-appearance: none; width: 0.75rem; height: 0.75rem; background: var(--white) no-repeat center; background-size: .5rem; border: 2px solid var(--white); } .box_sel input:checked { background-image: url(../images/svg/checked_black.svg); } .box_sel p { font-size: 1.25rem; color: var(--white); line-height: 1.125; position: relative; text-shadow: 0 0 1rem rgb(0 0 0 / 10%); } .box_sel:hover, .box_sel:active, .box_sel:focus-visible { transform: scale(.95); } .box_sel.active .bkg_abs { opacity: .25; } .line_black_s4, .line_white_s5 { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; object-fit: cover; pointer-events: none; } .line_black_s4 { object-position: left bottom; top: unset; bottom: 0; } .line_white_s5 { object-position: left top; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ section.hidden_map { overflow: hidden; } #s6_home .bkg_abs { background-image: url(../images/webp/sfondo_mappa.webp); opacity: .25 } #s6_home #mappa { z-index: 1; position: relative; } #s6_home .wrapper_mappa { transform: scale(1.25) translateX(5%); transform-origin: top; } #extra { pointer-events: none; } #mappa_int .comune { cursor: pointer; } #mappa_int .comune g { pointer-events: none; } #mappa_int .comune g path:not(.st73) { fill: var(--white); filter: drop-shadow(0 3px 6.5px rgba(0, 0, 0, 0.49)); } #mappa_int .comune g .st73 { opacity: 0; transition: .25s ease; } #mappa_int .comune:hover g .st73 { opacity: .125; } #mappa_int .comune.active g .st73 { opacity: 1; } #mappa_int .comune.active g path:not(.st73) { fill: var(--vls); filter: unset; } /* Modale mappa */ .box_comuni { z-index: 2; position: fixed; right: 10%; top: calc(130px + (205 - 130) * ((100vw - 320px) / 1600)); width: 80%; transform: translateX(100%); opacity: 0; pointer-events: none; transition: .375s ease-in-out; } .box_comuni_i { background: rgb(var(--white-rgb) / 75%); backdrop-filter: blur(.5rem); box-shadow: 0 0 2rem rgb(30 30 30 / 25%); border-radius: 2rem 0 0 0; overflow: hidden; } .box_comuni.show { transform: translateX(0%); opacity: 1; pointer-events: initial; } .box_comuni .tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; } .box_comuni .tabs button { width: 100%; height: 100%; padding: 1.25rem 0.75rem; font-family: var(--main-font); font-size: .8rem; border-left: 1px solid #ccc; background-color: #F0F0F0; color: #8E8E8E; } .box_comuni .tabs button:first-of-type { border-left: 0; } .box_comuni .tabs button.active { color: var(--black); font-weight: 600; background: transparent; } .wrapper_box { padding: 1rem 1rem 1.5rem 1rem; display: none; } .wrapper_box.active { display: block; } .wrapper_box .wrapper_box_i { height: calc(75vh - (130px + (205 - 130) * ((100vw - 320px) / 1600))); overflow-y: scroll; padding-right: 1.5rem; } .wrapper_box .wrapper_box_i::-webkit-scrollbar { width: 8px; background-color: #f0f0f0; } .wrapper_box .wrapper_box_i::-webkit-scrollbar-thumb { width: 8px; background-color: var(--vls); } .wrapper_box .h4 { font-weight: 700; font-size: 1.5rem; } .wrapper_box .last_blog .grid { grid-template-columns: 1fr } .wrapper_box .last_blog picture { max-height: 7rem; } .wrapper_box .last_blog h3 { font-size: 1.25rem; width: calc(100% - 2rem); } .wrapper_box .last_blog:hover button { transform: translateX(.5rem); } .box_info_turista.text .h5 { font-size: 1.125rem; } .box_info_turista.text :where(p, ul, ol, li) { font-size: .85rem; } .box_info_turista.text :where(p, ul, ol, hr) { margin-top: 1em; } .box_info_turista.text :where(p, ul, ol):first-of-type { margin-top: 0; } .box_info_turista.text + .box_info_turista.text { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ccc; } .box_info_turista.text .ico_contatti { margin-top: .5rem; } .close_box { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); background: linear-gradient(45deg, var(--gradient)); width: 2.5rem; border-radius: 5rem; aspect-ratio: 1 / 1; padding: .75rem; display: flex; align-items: center; justify-content: center; z-index: 1; } .filter_close_map { position: fixed; top: 0; left: 0; z-index: 1; display: none; background-color: rgb(var(--black-rgb) / 40%); backdrop-filter: blur(.5rem); pointer-events: initial; } :where(#loader, #loader_2) { display: none; background-color: rgb(var(--white-rgb) / 70%); border-radius: 2rem; } #loader_2 { position: fixed; } :where(#loader, #loader_2) span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); border: 8px solid #f0f0f0; border-top: 8px solid var(--vls); border-radius: 50%; width: 2em; height: 2em; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s7_home { overflow: hidden; } #s7_home .big_title { line-height: 0; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .subtitle { font-size: clamp(1.5rem, 2vw, 2rem); color: var(--vls_light); } .pretitle + h1 { margin-top: 0 !important; } .pretitle { text-transform: uppercase; } .pretitle a { text-decoration: unset; } .s1_page .s1_title h1 .pretitle { display: block; } .s1_page .s1_title p:has(+ h1) { text-transform: uppercase; } .s1_page .s1_title .h1, .s1_page .s1_title p + h1 { margin-top: 0 !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE INVERNO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_inverno h1 b, #page_inverno h2 b { color: var(--inverno); } #page_inverno .card { --color: var(--inverno) !important; --color-rgb: var(--inverno-rgb) !important; } #page_estate h1 b, #page_estate h2 b { color: var(--estate); } #page_estate .card { --color: var(--estate) !important; --color-rgb: var(--estate-rgb) !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PIANIFICA VACANZA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filtro_grande .scelte { margin-top: 1.5rem; } .filtro_grande .scelte ul { gap: .5rem; } .filtro_grande .scelte li { position: relative; display: block; position: relative; width: fit-content; padding: 0.5em 1.5em; border: 1px solid var(--black); border-radius: 5rem; font: inherit; font-size: var(--rem); font-weight: 400; text-transform: capitalize; background-color: var(--white); } .filtro_grande .scelte .modifica_campi { margin: 0 auto; margin-top: 1.5rem; display: block; width: fit-content; text-transform: inherit; font-weight: 400; } .modifica_scelte { display: none; } .modifica_scelte .passo_pianifica { margin-bottom: 2rem; } .modifica_scelte .tit { font-weight: 700; font-size: 1.25rem; margin-bottom: 1.5rem; } .modifica_scelte .label_container { gap: .5rem } .modifica_scelte input { position: absolute; left: -999999px; } .modifica_scelte .label_sel { display: inline-block; padding: .5rem 1.25rem; border-radius: 3rem; background-color: var(--white); box-shadow: 0 0 1rem rgb(30 30 30 / 15%); line-height: 1; cursor: pointer; transition: .2s ease; } .modifica_scelte .label_sel:hover { background-color: rgb(var(--green-rgb) / 25%); } .modifica_scelte .label_sel.active { background-color: var(--vls_light); color: var(--white); } .caption_no_found button { font: inherit; text-decoration: underline; } #s3_idee_viaggio #map { border-radius: 1.5rem; overflow: hidden; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE COME ARRIVARE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .accordion li + li { margin-top: 2rem; } .accordion_head { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); padding: 1.25rem 2rem; border-radius: .75rem; cursor: pointer; transition: .25s ease; } .accordion_head .icona { height: 1.5rem; width: 1.5rem; margin-right: 1rem; transition: .25s ease; } .accordion_head h2 { font-size: clamp(1.7rem, 2.5vw, 2.25rem); transition: .25s ease; } .accordion_head .arrow { width: 2rem; transition: .25s ease; } .accordion_head .arrow path { transition: .25s ease; } .accordion_text { display: none; padding: 1.25rem 2rem; } .accordion_head.active { /* background-color: var(--vls_light); */ background: linear-gradient(to top, var(--vls), var(--vls_light)); border-radius: .75rem .75rem 0 0; } .accordion_head.active img { filter: invert(1); } .accordion_head.active svg path { fill: var(--white); } .accordion_head.active .arrow { transform: scaleY(-1); } .accordion_head.active h2 { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_prt { gap: .5rem; } .wrapper_prt .logo { width: 45%; position: relative; } .wrapper_prt .logo a { border: 1px solid rgb(var(--black-rgb) / 10%); border-radius: 1rem; padding: 1rem; } .wrapper_prt .logo span { margin-top: 1rem; display: inline-block; font-weight: 600; font-size: 10px; } .wrapper_prt .logo img { width: 10rem; height: 5rem; object-fit: contain; } .wrapper_prt .logo .pretit { margin-top: 0; position: absolute; top: 0; left: 1.25rem; transform: translateY(-50%); background-color: var(--white); font-weight: 400; padding: 2px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE OPERATORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_elenco_operatori { /* display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; */ column-count: 2; column-gap: 5%; } .gruppo_elenco { break-inside: avoid; } .gruppo_elenco + .gruppo_elenco { margin-top: 2rem; } .gruppo_elenco .comune { font-weight: 700; margin-bottom: .25rem; } .gruppo_elenco ul li { text-transform: uppercase; font-weight: 300; display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; } .gruppo_elenco ul li + li { margin-top: .5rem; } .gruppo_elenco ul li span { display: inline-block; } .gruppo_elenco ul li span.tel { font-size: 80%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRESS AREA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_press { gap: .75rem; } .card_press + .card_press { margin-top: 2rem; } .card_press { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); padding: 1.5rem 2rem; border-radius: .75rem; } .card_press h2 { font-size: clamp(1.7rem, 2.5vw, 2.25rem); transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PER GLI OPERATORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ .password_form_wrapper { padding: 2rem 1.75rem; border-radius: 2rem 0 0 0; } .password_form_wrapper p + p { margin-top: 1rem; } .password_form_wrapper p { font-size: 1.25rem; color: var(--white); } .password_form_wrapper p label { font-size: 1rem; } .password_form_wrapper input[type="password"] { width: 100%; background-color: transparent; border: 1px solid var(--white); border-radius: .75rem; padding: .75rem 1rem; font-size: .85rem; color: var(--white); } .password_form_wrapper input[type="submit"] { padding: .75rem 1rem; font-size: 1rem; color: var(--vls); text-transform: uppercase; font-size: 600; margin-top: 1rem; cursor: pointer; background-color: var(--white); border: 1px solid var(--white); border-radius: 5rem; width: 100%; transition: .25s ease; } .password_form_wrapper input[type="submit"]:hover { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); } /* Section 2 */ #s2_peroperatori .wrapper_download { display: grid; gap: 1.5rem; } #s2_peroperatori .card_press + .card_press { margin-top: 0; } #s2_peroperatori .card_press .content { width: 100%; } #s2_peroperatori .card_press h2 { font-size: 1.5rem; } /* Section 3 */ .card_news_operatori + .card_news_operatori { margin-top: 1.5rem; } .card_news_operatori .grid { gap: 1rem; grid-template-columns: .25fr 1fr; align-items: center; background-color: #f0f0f0; border-radius: 1.5rem 0 0 0; } .card_news_operatori picture { height: 100%; border-radius: 1.5rem 0 0 0; overflow: hidden; } .card_news_operatori .card_content { padding: 1rem 0; } .card_news_operatori h3 { font-size: 1.5rem; font-weight: 700; transition: .25s ease; } .card_news_operatori p, .card_news_operatori li { font-size: .85rem; line-height: 1.5; font-weight: 300; margin-top: .5rem; width: calc(100% - 2rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE WEBCAM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .box_webcam { margin-top: 1rem; border-radius: 1.5rem; overflow: hidden; } .box_webcam img, .box_webcam iframe { width: 100%; aspect-ratio: 4 / 3; height: auto; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE VAL e VAL GUIDE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_magazine { gap: 2rem 1rem; grid-template-columns: 1fr 1fr; } .wrapper_magazine .magazine img { object-fit: contain; aspect-ratio: 12 / 16; width: 100%; } .wrapper_magazine .magazine p { font-size: clamp(16px, 1.5vw, 1rem); margin-top: .75rem; line-height: 1.125; font-weight: 600; } .wrapper_magazine a.magazine:hover, a.wrapper_magazine .magazine:active, a.wrapper_magazine .magazine:focus-visible { transform: scale(.95); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE VACANZE CON BAMBINI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_attivita h2 b { color: var(--color); } .sec_attivita.extra .card .luogo { gap: .25rem; } .sec_attivita.extra .card .link { font-size: 18px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_contatti .grid { gap: var(--c10v) var(--c2o); } .cont_block h4 { font-size: 1.5rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1rem; } .cont_block p, .cont_block li a { font-size: 1rem; line-height: 1.125; font-weight: 300; } .cont_block p + p, .cont_block li + li { margin-top: .5rem; } .cont_block p a { font: inherit; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LANDING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_landing .text:not(.white) :where(h1, h2, h3, h4, h5, h6) { color: var(--color); } .sec_landing + .sec_landing { margin-top: var(--c5v); padding-top: var(--c10v); } .sec_landing.sec_full_screen { margin-top: var(--c15v); padding-top: 0; } /* Testo */ .sec_landing .sec_std:nth-of-type(odd) .container { flex-direction: row-reverse; } .sec_landing .sec_img picture > img { border-radius: 2rem 0 0 0; } .sec_landing .sec_img .ratio-4-5 { aspect-ratio: 4 / 4.5; } /* */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE VAL VERTOVA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_grey { background: linear-gradient(to bottom, #f0f0f0, white); } /* Section 2 */ .box_112 { background-color: red; gap: 1rem; padding: .75rem; border-radius: 1rem 0 0 0; margin-top: 1rem; } .box_112 p { color: var(--white); } .box_112 img { width: 20%; } /* Section 3 */ .banner_ValVertova { background-color: red; padding: 1.5rem; border-radius: 1rem 0 0 0; margin-top: 2rem; } /* Section 4 */ .box_mappa h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: .75rem; } .box_mappa p { font-size: 1rem; } .box_mappa iframe { display: block; margin-top: 1.5rem; width: 100%; } .box_mappa .red { color: red; } .box_mappa .yellow { color: gold; } .box_mappa .violet { color: violet; } /* Section 6 */ .banner_busnavetta { background-color: var(--vls); padding: 1.5rem; border-radius: 1rem 0 0 0; margin-top: 2rem; } /* Section Banner fisso */ .banner_roset { bottom: 0; left: 0; background-color: var(--white); z-index: 1; width: 100%; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); text-align: center; grid-template-columns: 1fr 1fr; } .banner_roset .w100:nth-of-type(1) { padding: .5rem; background-color: var(--vls); } .banner_roset p { color: var(--white); font-size: clamp(16px, 1.5vw, 1rem); } .banner_roset img { padding: .75rem; min-width: 10rem; max-width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE METEO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .meteo_form { padding: 2.5rem 1.5rem; border-radius: 1.5rem 0 0 0; background: linear-gradient(to top, var(--vls), var(--vls_light)); } .meteo_banner_inner { padding: 2.5rem 1.5rem; border-radius: 1.5rem 0 0 0; border: 1px solid var(--vls_light); } .meteo_field label { display: block; font-size: 1rem; color: var(--white); font-weight: 700; text-transform: uppercase; margin-bottom: 1rem; } .meteo_field input, .meteo_field select { background-color: transparent; border: 1px solid var(--white); border-radius: .75rem; padding: .75rem 1rem; font: 400 var(--rem) / 1.25 var(--main-font); color: var(--white); width: 100%; max-width: 100%; height: auto; min-height: unset; } .meteo_field input::placeholder { color: var(--white); } .meteo_field select { -webkit-appearance: none; appearance: none; cursor: pointer; padding-right: 2.5em; background: url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em; } .meteo_field select option { color: var(--black); } .btn_meteo--disabled { opacity: 0.5; cursor: not-allowed; pointer-events: auto; } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .pt { padding-top: calc( 130px + ( 205 - 130 ) * ( (100vw - 320px) / 1600 ) ); } .s1_archive .text h1 { margin-top: 0; } .s1_archive .text h1 b { color: var(--color); } .wrapper_image { overflow: hidden; border-radius: var(--c5o) 0 0 0; margin-top: var(--c10v); } .wrapper_image picture { aspect-ratio: 4 / 3; } .play { width: 10rem; max-width: 30%; border-radius: 50%; background-color: rgb(var(--white-rgb) / 10%); } .play svg path { fill: var(--white); } .play:hover { backdrop-filter: blur(5px); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .tit_barre::before { content: ""; width: 25rem; height: 1px; background-color: var(--black); position: absolute; left: calc(var(--c5o) * -1); top: 50%; z-index: -1 } .tit_barre::after { content: ""; width: 25rem; height: 1px; background-color: var(--black); position: absolute; right: calc(var(--c5o) * -1); top: 50%; z-index: -1 } .tit_barre .text { background-color: var(--white); padding: 0 1em; } .tit_barre h2 b, .extra_text h2 b { color: var(--color); } /* Slider extra ospitalità */ .wrapper_slider { padding: 0 2.5rem; } /* Filtro custom */ body.stop { overflow: hidden; } /* Hai filtrato per */ .elenco_filtri { display: none; } .elenco_filtri span { font-weight: 500; color: var(--color); } /* Filtro */ .wrapper_filtro { z-index: 4; position: fixed; bottom: 2rem; left: 50%; transform: translate(-50%, 0); opacity: 0; transition: .25s ease; pointer-events: none; } .wrapper_filtro.show { pointer-events: initial; opacity: 1; } .wrapper_filtro .wrp_btn { position: relative; background-color: var(--white); box-shadow: 0 0 2rem rgb(30 30 30 / 50%); border-radius: 5rem; /* border: 1px solid var(--color); */ } .wrapper_filtro .wrp_btn button { display: inline-flex; gap: .5rem; align-items: center; width: auto; font-size: 1rem; line-height: 1; text-transform: uppercase; font-weight: 600; color: var(--color); } .wrapper_filtro .wrp_btn button svg { width: auto; min-width: 1.25rem; height: 1rem; } .wrapper_filtro .wrp_btn button svg path { fill: var(--color); } .wrapper_filtro .wrp_btn button + button { border-left: 1px solid var(--color); } .wrapper_filtro .wrp_btn button:hover, .wrapper_filtro .wrp_btn button:active, .wrapper_filtro .wrp_btn button:focus-visible { background-color: rgb(var(--color-rgb) / 10%) } .wrapper_filtro .wrp_btn button.active { background-color: var(--color); color: var(--white); } .toggle_filtro { border-radius: 5rem 0 0 5rem; padding: 1em 1em 1em 1.5em; } .toggle_map { border-radius: 5rem; padding: 0.85em 1em; } .toggle_filtro + .toggle_map { border-radius: 0 5rem 5rem 0; padding: 1em 1.5em 1em 1em; } .wrapper_filtro .filtro { display: none; position: absolute; left: 50%; bottom: 3.5rem; transform: translateX(-50%); padding: 1rem 1rem 3.37rem 2rem; border-radius: 1.5rem; background-color: var(--white); width: 30rem; max-width: 90vw; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); } .wrapper_filtro .filtro_i { height: 20rem; overflow-y: scroll; padding-right: 1rem } .wrapper_filtro .filtro_i::-webkit-scrollbar { width: 8px; background-color: #f0f0f0; } .wrapper_filtro .filtro_i::-webkit-scrollbar-thumb { width: 8px; background-color: var(--vls); } .wrapper_checkbox + .wrapper_checkbox { border-top: 1px solid #ccc; } .wrapper_checkbox p { position: relative; padding: .75rem 2rem .75rem 0; font-size: 1rem; font-weight: 500; margin: 0; cursor: pointer; line-height: 1; } .wrapper_checkbox p::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .wrapper_checkbox p.active::after { content: "-" } .wrapper_checkbox .checkbox { display: none; padding-bottom: 1rem } .single_check { gap: .5rem; } .single_check + .single_check { margin-top: .5rem; } .single_check.child { margin-left: 2rem; } .single_check label { font-size: 1rem; cursor: pointer; transition: .25s ease; } .single_check input[type="checkbox"] { -webkit-appearance: none; appearance: none; cursor: pointer; width: auto; height: auto; padding: .625em; background: transparent no-repeat center / .85em; border: 1px solid var(--black); border-radius: 5px; cursor: pointer; transition: .25s ease; } .single_check input[type="checkbox"]:checked { background-image: url(../images/svg/checked_black.svg); } .single_check:hover label { opacity: .5; } .link_filtro_wrp { background-color: var(--white); position: absolute; bottom: 0; left: 0; padding: .5rem 2rem .75rem 2rem; } .link_filtro_wrp .link { font-size: .85rem; display: inline-block; } .link_filtro_wrp a { text-decoration: underline 1px; } .link_filtro_wrp a:hover { color: #aaa; } .filter_close_archive { position: fixed; top: 0; left: 0; z-index: 3; display: none; background-color: rgb(var(--black-rgb) / 40%); backdrop-filter: blur(.5rem); pointer-events: initial; } /* Mappa */ #wrapper_maps { position: fixed; z-index: 3; left: var(--c2o); bottom: 5.5rem; width: calc(100% - var(--c5o)); height: 72.5%; border-radius: 2rem; overflow: hidden; transform: translateY(100%); opacity: 0; pointer-events: none; transition: .25s ease; } #wrapper_maps.active { transform: translateY(0); opacity: 1; pointer-events: initial; } #wrapper_maps .acf-map { width: 100%; height: 100%; } #wrapper_maps button.gm-ui-hover-effect { position: absolute !important; right: .5rem; top: 1.125rem; z-index: 1; width: 1.75rem !important; height: 1.75rem !important; background: white !important; border-radius: 4rem; padding: .25rem !important; opacity: 1; } #wrapper_maps button.gm-ui-hover-effect > span { width: 100% !important; height: 100% !important; margin: 0 !important; } #wrapper_maps .card a { min-height: 20rem; } #wrapper_maps .card .info_top { right: unset; left: .5rem; } #wrapper_maps .card .wishlist { width: 1.75rem; height: 1.75rem; } #wrapper_maps .card .info_top mark { padding: .375rem 0.5rem; font-size: 12px; } #wrapper_maps .card .tit, #wrapper_maps .card .luogo { padding: .75rem; } #wrapper_maps .card .tit h3 { font-size: 1.125rem; } #wrapper_maps .card .luogo p { font-size: 14px; } #wrapper_maps .card .luogo button { width: 1.25rem; } #wrapper_maps .gm-style-iw-ch { display: none !important; } #wrapper_maps .gm-style .gm-style-iw-c { padding: 0; width: 17rem; max-width: 80% !important; max-height: unset !important; border-radius: 1.75rem 0 0 0; } #wrapper_maps .gm-style .gm-style-iw-d { padding: 0; overflow: visible !important; max-height: unset !important; } /* Scroll per mobile alla sidebar */ .scroll_sidebar { display: inline-flex; gap: .5rem; align-items: center; width: auto; background-color: var(--white); box-shadow: 0 0 2rem rgb(30 30 30 / 50%); border-radius: 5rem; padding: 0.85em 1em; font-size: 1rem; line-height: 1; text-transform: uppercase; font-weight: 600; color: var(--color); z-index: 2; position: fixed; bottom: 2rem; left: 50%; transform: translate(-50%, 0%); opacity: 0; transition: .25s ease; pointer-events: none; } .scroll_sidebar.show { /* transform: translateX(-50%); */ opacity: 1; pointer-events: initial; } .scroll_sidebar svg { width: auto; min-width: 1.25rem; height: 1rem; } .scroll_sidebar svg path { fill: var(--color); transition: .25s ease; } .scroll_sidebar:hover, .wrapper_filtro .scroll_sidebar:active, .wrapper_filtro .scroll_sidebar:focus-visible { background-color: rgb(var(--color-rgb) / 100%); color: var(--white); } .scroll_sidebar:hover path, .wrapper_filtro .scroll_sidebar:active path, .wrapper_filtro .scroll_sidebar:focus-visible path { fill: var(--white); } /* Posts Loop */ #card_grid { grid-template-columns: 1fr; grid-gap: 2em 1em; } #card_grid .full_row { grid-column: 1 / -1; } /* Custom pagination */ .pagination .navigation { padding: var(--c5v) 0; } .pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: .125rem; } .pagination a, .pagination span { min-width: unset; width: 2rem; height: 2rem; aspect-ratio: 1 / 1; border-radius: 5rem; display: flex; align-items: center; justify-content: center; background-color: transparent; color: var(--black); } .pagination .current { background-color: var(--color) !important; color: var(--white) !important; } .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { opacity: .75; background-color: var(--color) !important; } .pagination .next, .pagination .prev, .pagination .page-numbers.dots { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s3_archive h2 b { color: var(--color); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE UFFICI TURISTICI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filtro_btn { gap: .5rem; } /*.wrapper_tax_sec + .wrapper_tax_sec { padding-top: var(--c15v); }*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_archive_blog .container { display: grid; gap: 2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE EVENTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Sec 2 */ :where(#s2_eventi, #s3_eventi) .text h2 b { color: var(--color); } #s2_eventi .cerca_eventi { height: 100%; } #s2_eventi #searchform { display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 100%; } /* EVIDENZA */ #eventi_in_evidenza { margin-bottom: 0; gap: 0; position: relative; } #eventi_in_evidenza #nav_dots { z-index: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } #eventi_in_evidenza #nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--white); opacity: 1; width: .625rem; height: .625rem; } #eventi_in_evidenza #nav_dots .swiper-pagination-bullet-active { background-color: var(--light); border-color: var(--light); } /*#eventi_in_evidenza .swiper { height: calc(100% - 1rem); }*/ /* CALENDARIO */ .cerca_eventi { background-color: var(--white); padding: .5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem 0 0 0; } .cerca_eventi .flatpickr-calendar.inline { border: 0; background: transparent; top: 0; box-shadow: unset; border-radius: 1rem; max-width: 325px; width: 100%; } .cerca_eventi .link.disabled { cursor: not-allowed; filter: grayscale(1); opacity: .5 } .cerca_eventi .link { width: 100%; margin-top: 1rem; } /* Calendario */ .flatpickr-calendar.open .flatpickr-months, .cerca_eventi .flatpickr-calendar .flatpickr-months { position: relative; margin-bottom: 1rem; } .flatpickr-calendar.open .flatpickr-months .flatpickr-current-month, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-current-month { position: relative; height: auto; display: flex; align-items: center; justify-content: center; padding: 1rem 0; width: 100%; left: 0; } /* Mesi */ .flatpickr-calendar.open .flatpickr-months .flatpickr-month, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month { color: var(--black); fill: var(--black); height: auto; position: relative; } .flatpickr-calendar.open .flatpickr-months .flatpickr-month :where(select, input), .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month :where(select, input) { font-weight: 500; margin: 0 .25rem; } .flatpickr-calendar.open .flatpickr-months .flatpickr-month select option, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month select option { color: var(--black); } .flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month:not(.flatpickr-disabled), .flatpickr-calendar.open .flatpickr-months .flatpickr-next-month:not(.flatpickr-disabled), .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:not(.flatpickr-disabled), .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month:not(.flatpickr-disabled) { top: 50%; transform: translateY(-50%); cursor: pointer; background-color: var(--white); border-radius: 50%; width: 1.5rem; height: 1.5rem; padding: .25rem; display: flex; align-items: center; justify-content: center; } .flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg, .flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg { display: block; fill: var(--black); } .flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-calendar.open .flatpickr-months .flatpickr-next-month:hover svg, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg { display: block; fill: var(--black); } .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--vls); } /* Settimane */ .flatpickr-calendar.open span.flatpickr-weekday, .cerca_eventi .flatpickr-calendar span.flatpickr-weekday { color: var(--black); } .flatpickr-calendar.open .flatpickr-day, .cerca_eventi .flatpickr-calendar .flatpickr-day { color: var(--black); font-weight: 400; border: 0; transition: .125s ease; } .flatpickr-calendar.open .flatpickr-day.today, .cerca_eventi .flatpickr-calendar .flatpickr-day.today { border: 1px solid #ccc; } /* Giorni */ .flatpickr-calendar.open .flatpickr-day.endRange, .flatpickr-calendar.open .flatpickr-day.startRange, .cerca_eventi .flatpickr-calendar .flatpickr-day.endRange, .cerca_eventi .flatpickr-calendar .flatpickr-day.startRange { background: var(--vls); } .flatpickr-calendar.open .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar.open .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar.open .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .cerca_eventi .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .cerca_eventi .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .cerca_eventi .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 var(--vls); } .flatpickr-calendar.open .flatpickr-day.flatpickr-disabled, .flatpickr-calendar.open .flatpickr-day.nextMonthDay, .flatpickr-calendar.open .flatpickr-day.prevMonthDay, .cerca_eventi .flatpickr-calendar .flatpickr-day.flatpickr-disabled, .cerca_eventi .flatpickr-calendar .flatpickr-day.nextMonthDay, .cerca_eventi .flatpickr-calendar .flatpickr-day.prevMonthDay { color: var(--black); opacity: .5; font-weight: 400; } .flatpickr-calendar.open .flatpickr-day.flatpickr-disabled:hover, .cerca_eventi .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover { color: #6d6d6d; } .flatpickr-calendar.open .flatpickr-day:hover, .flatpickr-calendar.open .flatpickr-day.nextMonthDay:hover, .flatpickr-calendar.open .flatpickr-day.prevMonthDay:hover , .cerca_eventi .flatpickr-calendar .flatpickr-day:hover, .cerca_eventi .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, .cerca_eventi .flatpickr-calendar .flatpickr-day.prevMonthDay:hover { background: rgb(var(--vls-rgb) / 15%); border: 0; } .flatpickr-calendar.open .flatpickr-day.selected, .cerca_eventi .flatpickr-calendar .flatpickr-day.selected { background: rgb(var(--vls-rgb) / 100%) !important; border: 0; color: var(--white); } .flatpickr-calendar.open .flatpickr-day.selected:hover, .flatpickr-calendar.open .flatpickr-day:focus, .cerca_eventi .flatpickr-calendar .flatpickr-day.selected:hover, .cerca_eventi .flatpickr-calendar .flatpickr-day:focus { background: rgb(var(--vls-rgb) / 50%) !important; border: 0; } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single { min-height: 70vh; } #s1_single .nav_btn img { filter: invert(1); } .glightbox .zoom { width: 1.25rem; position: absolute; right: 1rem; bottom: 1rem; } .glightbox .zoom svg { filter: drop-shadow(0 0.862px 3.449px rgb(var(--black-rgb) / 25%)); } .glightbox .zoom svg path { fill: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Ipotesi H1 */ .s2_single > .grid { gap: var(--c10v); } .s2_single .text h1 { color: var(--color); } .s2_single .text .subtitle { color: var(--color); opacity: .75 } .s2_single > .container { gap: var(--c10v) 0; } .pretitle.cat { font-size: 1rem } .pretitle.cat a + a::before { content: ", "; } .s2_single .btn_wishlist { background-color: var(--color); margin-bottom: 1rem } .s2_single .btn_wishlist svg path { fill: var(--white) !important; } /*∞∞∞∞∞∞∞∞∞ Stile base ∞∞∞∞∞∞∞∞∞*/ .s2_single .text p + img, .s2_single .text p + .wp-caption { margin-top: 1.75rem; } .wp-caption > img { width: 100%; } .wp-caption .wp-caption-text { background: var(--vls); margin: 0; width: 100%; color: var(--white); font-size: 18px; padding: 5px; } /* Blockquote modificato a NON citazione */ .s2_single blockquote { padding: 0 0 0 1.5em !important; margin: 1.75rem 0; background-color: transparent; border-left: .25rem var(--black) solid; } .s2_single .text.white blockquote { border-color: var(--white); } .s2_single blockquote::after, .s2_single blockquote::before { display: none; } .s2_single blockquote img { max-width: 10rem; } .s2_single blockquote img + p, .s2_single blockquote p + img { margin-top: 1rem !important; } /* Immagine allineata centro */ img.aligncenter { display: block; margin: 0 auto; text-align: center; } /* Tabelle */ .text table { margin-top: 1.75rem; width: 100%; max-width: 100%; } .text thead { background-color: var(--color); } .text thead th { color: var(--white); } .text table>:not(caption)>*>* { border: 1px solid #d4d4d4; } .text th, .text td { padding: .5em; font-size: .85rem; } /*∞∞∞∞∞∞∞∞∞ Testo / contenuto flessibile ∞∞∞∞∞∞∞∞∞*/ .sec_content + .sec_content { margin-top: var(--c10v); } /* Immagine */ .sec_content picture img { border-radius: 2.5rem 0 0 0; } /* Citazione */ .citazione { padding: 3rem 2rem; border-radius: 2.5rem 0 0 0; border: 3px solid var(--vls_light); } .citazione h3 { font-size: 1.5rem; font-family: var(--main-font); font-weight: 300; line-height: 1.375; font-style: italic; } .citazione p { margin-top: 1rem; } .citazione .pre { position: absolute; left: 1rem; top: 1rem; width: 2rem; } .citazione .post { position: absolute; right: 1rem; bottom: 1rem; width: 2rem; } /* Banner */ .banner { padding: var(--c7v) var(--c5o); border-radius: 2.5rem 0 0 0; } .banner button { margin-top: 1rem; } .banner button svg { width: 2rem; } .banner button svg path { fill: var(--white); } /* Mappe */ .s2_single .acf-map:not(#outdooractive) { z-index: 0; position: relative; width: 35rem; max-width: 100%; } #outdooractive { z-index: 1; position: relative; } #map_canvas, #oax-api-elpro { width: 100%; min-height: 50vh; } #map_canvas .leaflet-control-attribution { display: none !important; } /* Related */ .sec_related h3 b { color: var(--color); } /*∞∞∞∞∞∞∞∞∞∞∞∞ OSPITALITÀ ∞∞∞∞∞∞∞∞∞∞∞∞*/ .box_ospitalita { margin-top: var(--c5v); padding-top: calc(var(--c5v) + .75rem); border-top: 1px solid #ccc; } .box_ospitalita .box_int h4 { font-size: 1.25rem; font-weight: 400; color: #9a9a9a; font-family: var(--main-font); } .box_ospitalita .box_int + .box_int { margin-top: 2rem; } .box_ospitalita .box_int :where(li, p) { font-size: 1rem; font-weight: 300; line-height: 1.25; margin-bottom: .75rem; gap: .375rem; } .box_ospitalita .box_int :where(li, p) i { color: #9a9a9a; } .box_ospitalita .box_int ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0 1rem; } .box_ospitalita .box_int ul + p { margin-top: .75rem; line-height: 1.5; } .box_ospitalita .box_int ul li { width: calc(50% - 1rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞ PROMOZIONI ∞∞∞∞∞∞∞∞∞∞∞∞*/ .banner_fine_val { background-color: red; padding: 1.5rem; margin-bottom: 2rem; border-radius: 1.5rem 0 0 0; } .banner_fine_val p { color: var(--white); font-weight: 500; } /*∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞*/ .gradient { background: linear-gradient(to top, var(--vls), var(--vls_light)); } .box_side + .box_side { margin-top: var(--c7v); } .box_side h4 { font-size: 1.75rem; font-weight: 600; font-family: var(--main-font); } /* Promozioni */ .box_side.box_contatti.box_promo { padding: 0; padding-bottom: 1rem; border-radius: 1.5rem 0 0 0; overflow: hidden; } .box_prezzo { background-color: var(--vls); } .box_prezzo p { color: var(--white); } .box_prezzo span { font-size: 200%; font-weight: 600; } /* Dettagli sport */ .box_side.box_sport { padding: 1rem 0; border-radius: 1.5rem 0 0 0; } .box_side.box_sport .links { padding: 1rem; } .box_side.box_sport .links .link { font-size: .85rem; color: var(--vls); align-items: flex-start; } .box_side.box_sport .links .link svg { min-width: 1rem; height: 1rem; } .box_side.box_sport .links .link.white svg path { fill: var(--vls); } .box_side.box_sport .links .link:hover { color: var(--white); } .box_side.box_sport .links .link.white:hover svg path { fill: var(--white); } .icon_set { gap: .75rem; padding: 1rem 1.5rem; font-size: clamp(18px, 1.5vw, 20px); line-height: 1.25; color: var(--white); text-transform: uppercase; } .icon_set + .icon_set { border-top: 1px solid rgb(var(--white-rgb) / 50%); } .icon_set img { height: 1.25rem; width: auto; margin-top: 2px } .icon_set span { display: inline-block; } .icon_set span b { text-transform: initial; } /* Contatti */ .box_side.box_contatti { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); padding: 1rem 0; border-radius: 1.5rem 0 0 0; } .box_side.box_contatti p { font-size: .85rem; } .box_side.box_contatti p + p { margin-top: 1em; } .box_side.box_contatti a { font: inherit; } .box_contatti .sub_box { padding: 1rem 1.5rem; } .box_contatti .sub_box + .sub_box { border-top: 1px solid #ccc; } .box_contatti .sub_box.testuale p + p { margin-top: .25em; } .ico_contatti { gap: .5rem; } .ico_contatti img { height: 1rem; width: 1rem; margin-top: 2px } .ico_contatti a { font: inherit; } .ico_contatti a:hover { color: var(--vls); } .box_side.box_contatti .links { margin-top: 1rem; } .box_side.box_contatti .links .link { font-size: .85em; } .box_side.box_contatti .links .link svg { height: 1rem; } /* Form */ .box_side.box_form { padding: 2rem 1.5rem; border-radius: 1.5rem 0 0 0; } .box_side.box_form > .text { margin-bottom: 1.5rem; } .box_form.custom_color { background-color: var(--color); } .box_form.custom_color #form button[type=submit] { color: var(--color); } .box_form.custom_color #form button[type=submit]:hover { color: var(--white); } /* Tag e social */ .box_side.box_tag { } .box_side .cat_list + .cat_list { margin-top: var(--c5v); } .a2a_kit { gap: .25rem; display: flex; align-items: center; justify-content: flex-start; } .box_side.box_tag h4 { margin-bottom: .75rem; } .box_side .cat_list.links { gap: .25rem; } .box_side .tag { display: inline-block; position: relative; padding: .5em 1em; border: 1px solid var(--black); border-radius: 5rem; font-size: .75rem; } .box_side .tag:hover { background-color: #f0f0f0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RELATED ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀▄ █ ▄▀▀▄ ▄▀▀ * █▀▀█ █ ▄ █ █ █ ▀▌ * ▀▀▀ ▀▀▀ ▀▀ ▀▀▀ - BLOG * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ #s1_blog .container { min-height: 80vh; } #single_blog .text :where(.p1, .p2, .p3) { padding: 0; } /*∞∞∞∞∞∞ Sidebar ∞∞∞∞∞∞*/ #sidebar_blog { position: fixed; bottom: 2rem; left: 0; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; transform: translateY(calc(100% + 2rem)); padding: 1em; transition: .25s ease; overflow: visible; z-index: 2; } #sidebar_blog.active { transform: translateY(0); } /* Overlay */ #sidebar_blog .mobile_overlay { display: none; position: fixed; bottom: -2rem; left: 0; width: 100vw; height: 100vh; background-color: rgb(var(--black-rgb) / 75%); z-index: 1; } #sidebar_blog .mobile_overlay.active { display: block; } /* Sidebar Index */ #sidebar_blog .index { display: block; flex: 1 1 auto; position: relative; padding: 0; border-radius: 1.5rem; background-color: var(--white); box-shadow: 0 0 .25em rgb(var(--black-rgb) / 25%), 0 0 2em rgb(var(--black-rgb) / 25%); transition: .25s ease; z-index: 2; overflow: hidden; } /* Icons */ #sidebar_blog .index:before, #sidebar_blog .index:after { display: inline-block; content: ''; position: absolute; top: 0; width: 40px; height: 50px; transition: .25s ease; } #sidebar_blog .index:before { left: 0; background: url(../images/svg/index_icon.svg) no-repeat center / 1em; } #sidebar_blog .index:after { right: 0; background: url(../images/svg/index_arrow.svg) no-repeat calc(100% - .75em) center / 1em; } #sidebar_blog .index.opened:after { transform: scale(1, -1); } /* Buttons */ #sidebar_blog .index li { list-style: none; } #sidebar_blog .index li button { width: 100%; height: 50px; padding: 0 40px; font-size: 1rem; line-height: 1.25; font-weight: 400; color: var(--black); text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; transition: .25s ease; } #sidebar_blog .index li button br { display: none !important; } #sidebar_blog .index li.active button { color: var(--link_color); opacity: .375; } /* Index Select */ #sidebar_blog .index_select { height: 50px; overflow: hidden; z-index: 1; } #sidebar_blog .index_select:before, #sidebar_blog .index_select:after { display: block; content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: .625em; background-color: var(--white); } #sidebar_blog .index_select:after { top: auto; bottom: 0; } #sidebar_blog .index_select > ul { will-change: transform; transition: .125s linear .025s; } #sidebar_blog .index_select li.active button { opacity: 1; } /* Index List */ #sidebar_blog .index_list { display: none; z-index: 1; } #sidebar_blog .index_list:before { display: inline-block; content: ''; position: absolute; top: 0; left: 10px; width: calc(100% - 20px); height: 1px; background-color: #ccc; } #sidebar_blog .index.opened .index_list { padding: 15px 0; } /* Trigger */ #sidebar_blog .index_trigger { position: absolute; top: 0; right: 0; width: 100%; height: 50px; z-index: 1; } #sidebar_blog .index_trigger.hide { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION POST COLLEGATI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ #form { } #form .wpforms-field label { color: var(--white); } #form .wpforms-container .wpforms-required-label { color: white; font-size: 16px; margin: 0; line-height: 1; position: absolute; top: 0; right: -10px; } #form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--white); border-radius: .75rem; padding: .75rem 1rem; font-size: .85rem; color: var(--white); } #form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: ; opacity: ; } #form .wpforms-field:not(.wpforms-field-checkbox) > label { position: absolute; left: 1rem; top: .75rem; font-size: 1rem; color: var(--white); font-weight: 400; transform-origin: left; transition: .125s ease; } #form .wpforms-field:not(.wpforms-field-checkbox).focus > label { top: -2px; transform: scale(.625); } #form .wpforms-field-date-time.focus input.wpforms-field-date-time-date { background: unset; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--white); } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked {} #form .wpforms-field.wpforms-field-checkbox li label { color: var(--white); } #form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--vls_light); } #form button[type=submit], #form input[type=submit] { padding: .75rem 1rem; font-size: 1.25rem; color: var(--vls); text-transform: uppercase; font-size: 600; background-color: var(--white); border: 1px solid var(--white); border-radius: 5rem; width: 100%; } #form button[type=submit]:hover, #form input[type=submit]:hover { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); } /* __ NEWSLETTER __ */ #form.nl_block form { margin-top: 1.5rem; position: relative; } #form.nl_block .wpforms-field:not(.wpforms-field-checkbox).focus > label { top: -2px; transform: scale(.625); } #form.nl_block .wpforms-field :where(input, textarea, select) { border-radius: 5rem; padding: 1rem 1.5rem; font-size: 1rem; } #form.nl_block .wpforms-field:not(.wpforms-field-checkbox) > label { top: 1rem; left: 1.5rem; } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie {} /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) ) * => CALC 1920px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) ) * => CALC 1280px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) ) * => CALC 1024px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 360 * * __________________________________________________________________________________________________________________________________________________________________________ */ .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 ) ); } #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); } /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ /* Head Content */ /* Hamburger */ /* Nav Menu */ /* Darkmode Switch */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons */ /* Links */ /* Filters */ /* Sections 1 */ /* Breadcrumbs */ /* Scroll */ /* Components */ /* Cards */ /* Sidebar */ /* ... */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Structure */ /* Credits */ /* Back Top */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Section 1 */ /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ /* Card */ /* Card Empty */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec [...] */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template ... */ /* Template ... */ /* Template ... */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec ... */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec ... */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .wishlist-feedback p { color: var(--white); font-size: 1rem; width: 20rem } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Contents */ footer .top_foot, footer .mid_foot { grid-template-columns: 1fr 1fr; } /* Credits */ #credits br { display: none; } #credits .resp_sep { display: inline-block; } /*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/ .wrapper_prt { gap: 1rem } .wrapper_prt .logo { width: calc(30% - 1rem); } .wrapper_prt .logo a:hover { transform: scale(.95); } .wrapper_prt .logo span { font-size: 14px; } /*∞∞∞∞∞∞ VAL ∞∞∞∞∞∞*/ .wrapper_magazine { grid-template-columns: 1fr 1fr 1fr; } /*∞∞∞∞∞∞ PER GLI OPERATORI ∞∞∞∞∞∞*/ #s2_peroperatori .wrapper_download { grid-template-columns: 1fr 1fr; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ #card_grid { grid-template-columns: 1fr 1fr ; } /*∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞*/ #s2_contatti .grid { grid-template-columns: 1fr 1fr; } .cont_block h4 { margin-bottom: 2rem; } .cont_block p, .cont_block li a { line-height: 1.25; } .cont_block p + p, .cont_block li + li { margin-top: 1rem; } .cont_block :where(p, li) a:hover { color: var(--vls_light); } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .header { padding: 1rem; transition: .125s ease } .head_wrapper { max-width: 60rem; } .header.scrolling { transform: translateY(-62%); transition: .25s cubic-bezier(0.8, 0, 0.41, 0.81) } .header.scrolling:hover { transform: translateY(0%); transition: .125s ease } .head_wrapper .top { padding: .75rem 2rem; } /* Landing */ .head_menu_landing { gap: .75rem; } .head_menu_landing li a { padding: .45em 1.25em; } /* Button cerca */ .btn_cerca { color: var(--white); gap: .5rem; margin: 0 .75rem; padding: .375rem; background: rgb(var(--white-rgb) / 0%); border-radius: .25em; } .btn_cerca svg { height: 1.25rem; } .btn_cerca:hover { background: rgb(var(--white-rgb) / 25%); gap: 1rem; } /* Link rapidi */ .wrapper_link { flex-wrap: nowrap; gap: 5px; align-items: stretch; border-left: 1px solid rgb(var(--white-rgb) / 50%); border-right: 1px solid rgb(var(--white-rgb) / 50%); padding: 0 .5rem } .wrapper_link .box_link { position: relative; border-radius: 0; padding: .375rem; border-radius: .25em; align-items: stretch; justify-content: center; transition: .25s ease; background-color: transparent; } .wrapper_link .box_link svg { width: 1.5rem; height: 1.25rem; transition: .125s ease; } .wrapper_link .box_link:hover { background: rgb(var(--white-rgb) / 25%); } .wrapper_link .box_link:hover span { opacity: 1; } .wrapper_link .box_link span { display: block; position: absolute; left: 50%; bottom: -5px; transform: translate(-50%, 100%); font-size: 12px; color: var(--vls); opacity: 0; transition: .25s ease; background-color: var(--white); padding: 2px 8px; border-radius: 1rem; } .ico_wish i { display: none !important; } .box_link.ico_wish i,.ico_wish.active i { display: flex !important; top: 0; right: 0; } /* Lang */ .lang { padding: 0; margin-left: .5rem; } .lang .wpml-ls-legacy-dropdown-click { cursor: pointer; width: auto; display: flex; align-items: center; justify-content: center; } .lang .wpml-ls-legacy-dropdown-click a { padding: .375rem; color: var(--white); font-weight: 600; font-size: 1rem; line-height: 1; text-transform: uppercase; border: unset; background: unset; white-space: nowrap; border-radius: .25em; } .lang .wpml-ls-legacy-dropdown-click a:hover { background: rgb(var(--white-rgb) / 25%); color: var(--white); } .lang .wpml-ls-legacy-dropdown-click a span { margin-top: 0; } .lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; } .lang #wpml-ls-submenu-click-default { background: transparent; } .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: 0; margin-top: .25rem; } .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { font-size: 18px; background: rgb(var(--white-rgb) / 25%); color: var(--white); padding: .25rem; width: calc(2ch + .5rem); } /* ___ MENU PRINCIPALE ___ */ .ext_menu .resp { display: block; } .ext_menu .wrp_menu.center .sub_menu { left: 15%; } .ext_menu .wrp_menu.right .sub_menu { left: unset; right: 0; } .ext_menu .sub_menu picture img { border-radius: 1.5em; } .ext_menu .sub_menu { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; padding: 1rem; padding-right: 2rem; } .ext_menu .sub_menu .sub_menu_min { display: flex; align-items: center; justify-content: flex-start; } .ext_menu .wrp_menu .sub_menu .head_menu { display: block; } /*.ext_menu .wrp_menu .sub_menu .head_menu li + li { margin-top: 1rem; }*/ .ext_menu .wrp_menu .sub_menu .head_menu li a { padding: .5rem 0; } .ext_menu .bottom_head { padding: 0 1rem; } .ext_menu .bottom_head .wrp_menu .open_menu { padding: .75rem 1rem; gap: .5rem; } .ext_menu .bottom_head .wrp_menu .open_menu img { width: 1rem; } .ext_menu .bottom_head .wrp_menu button.open_menu::before { content: ""; width: 1.5rem; height: .75rem; transition: .125s ease; opacity: 0; pointer-events: none; background-color: rgb(var(--white-rgb) / 80%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); position: absolute; left: 50%; bottom: 0; transform: translate(-50%, calc(100% + .75rem)); } .ext_menu .bottom_head .wrp_menu.active .open_menu::before { opacity: 1; transition: .125s ease .125s; } .ext_menu .bottom_head .wrp_menu .open_menu.nothover, .ext_menu .wrp_menu .sub_menu .head_menu a.nothover { opacity: .5; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Contents */ footer.w100 { width: calc(100% - 2rem); } .foot_logo img { width: 70%; } .foot_block h4 { margin-bottom: 2rem; } .foot_block p, .foot_block li a { line-height: 1.25; } .foot_block p + p, .foot_block li + li { margin-top: 1rem; } .foot_block :where(p, li) a:hover { color: var(--vls_light); } /* Social */ .foot_social .social { gap: .75rem; } .foot_social .social a { width: 3em; border-radius: 5rem; } .foot_social .social a:hover { background-color: rgb(var(--white-rgb) / 25%) } .foot_social .social .text { font-size: .75rem; } /* Loghi */ .wrapper_loghi { justify-content: space-between; } /* Credits */ #credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--vls); } #credits #credits_studio:hover { color: #e74e0f; } /* Newsletter */ #form.nl_block .wpforms-submit-container { position: absolute; top: .5rem; right: .5rem; } #form.nl_block button[type=submit] { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid var(--white); background: url(../images/svg/send.svg) no-repeat center / 1.75rem; background-color: var(--white); font-size: 0; line-height: 1; } /* SECTION SOCIAL */ .gallery_wrp img { width: 25vw; min-width: 25vw; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ /* Sec 1 */ #s1_home .container, #s1_blog .container { align-items: flex-end; } .s1 .clip { width: calc(100% - 2rem); margin-left: 2rem; } /* Sec 2 */ #slider_evidenza .nav_btn { display: none; } #slider_evidenza { padding: 0 var(--c5o); padding-bottom: 2rem; } #slider_evidenza .swiper_std { overflow: visible; } #slider_evidenza .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; } #slider_evidenza .swiper-wrapper .card:nth-of-type(3n + 1), #slider_evidenza .swiper-wrapper .card:nth-of-type(3n + 3) { transform: translateY(2rem); } /* Sec 3 */ .tac_mobile .links { justify-content: flex-start; } /* Sec 4 */ .steps { justify-content: center; gap: 2rem; width: 100%; } .step_2_visible { transform: unset; } .step_3_visible { transform: unset; } .step { width: auto; } .box_sel { width: calc((100% / 4) - 1rem); } /* Sec 6 */ #s6_home .container { min-height: 100vh; } #s6_home .text { z-index: 2; } #s6_home #mappa { position: absolute; right: -2.5rem; top: -5rem; width: 70%; height: 100%; } #s6_home .wrapper_mappa { transform: scale(1); } .comune > path:not(.st78) { filter: contrast(0.75) saturate(1.2) brightness(0.95); } .text_mappa_interattiva { transition: .375s ease; } .text_mappa_interattiva.opacity { transform: translateX(-100%); opacity: 0; pointer-events: none; } #mappa_int { transition: .375s ease; } #mappa_int.zoom_top { transform: scale(1.25) translate(-55%, 20%); } #mappa_int.zoom_mid { transform: scale(1.25) translate(-45%, -7%); } #mappa_int.zoom_bottom { transform: scale(1.25) translate(-25%, -30%); } /* Modale mappa */ .box_comuni { width: 55%; right: 15%; top: 10%; position: absolute; } .wrapper_box .last_blog .grid { grid-template-columns: .25fr 1fr } .wrapper_box .last_blog picture { max-height: unset; } .close_box { width: 3.5rem; } /*∞∞∞∞∞∞ PER GLI OPERATORI ∞∞∞∞∞∞*/ #s2_peroperatori .wrapper_download { grid-template-columns: 1fr 1fr 1fr; } /*∞∞∞∞∞∞ PIANIFICA VACANZA ∞∞∞∞∞∞*/ .visualizza_scelte { display: flex; align-items: center; justify-content: center; } .visualizza_scelte .testo h4 { width: max-content; } .visualizza_scelte .scelte { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0; margin-left: 1rem; } .visualizza_scelte .scelte ul { justify-content: flex-start; } .filtro_grande .scelte .modifica_campi { margin-top: 0; margin-left: 1rem; } .modifica_scelte .label_container { justify-content: flex-start; } .modifica_scelte_wrapper { display: flex; align-items: flex-start; justify-content: flex-start; } .modifica_scelte_wrapper .testo { width: 30%; padding-right: 1.5rem; } .modifica_scelte_wrapper .scelte { width: 70%; margin: 0; padding-left: 2rem; border-left: 1px solid #ccc; } .modifica_scelte_wrapper form { margin-top: 0; } .modifica_scelte_wrapper .button_wrp { justify-content: flex-start; } /*∞∞∞∞∞∞ COME ARRIVARE ∞∞∞∞∞∞*/ /* Sec 2 */ .accordion_head { padding: 1.5rem 2rem } .accordion_head .icona { height: 2.25rem; width: 2.25rem; } .accordion_text.space { padding: 1.25rem 5.25rem; } /*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/ .wrapper_prt { gap: 2rem; padding: 0 var(--c5o); } .wrapper_prt .logo { width: calc(25% - 2rem); } .wrapper_prt .logo img { height: 6rem; } .wrapper_prt .logo span { font-size: 16px; margin-top: 2rem; } /*∞∞∞∞∞∞ VAL ∞∞∞∞∞∞*/ .wrapper_magazine { grid-template-columns: 1fr 1fr 1fr 1fr; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ .wrapper_image picture { aspect-ratio: 16 / 7; } /* Slider ospitalità */ .wrapper_slider { padding: 0 3rem; } .wrapper_slider .nav_btn { width: 2.5rem; } /* Schede */ #card_grid { grid-template-columns: 1fr 1fr 1fr ; } /* Mappa e filtri */ .wrapper_filtro::before { content: ""; width: 100vw; height: 7rem; background: linear-gradient(to top, rgb(var(--color-rgb) / 25%), transparent); position: fixed; bottom: -2rem; left: 50%; transform: translateX(-50%); } #wrapper_maps { height: 80%; } /* ∞∞∞∞∞∞ ARCHIVE EVENTI ∞∞∞∞∞∞ */ #s2_eventi .grid { grid-template-columns: calc(325px + 3rem) auto; gap: 1rem; } .evidenza.card .card_i { aspect-ratio: unset; height: 100%; } .evidenza.card .card_content .top { padding: 2.5rem; } .cerca_eventi { padding: 1.5rem 1.5rem 2.5rem 1.5rem; } /*∞∞∞∞∞∞ ARCHIVE BLOG ∞∞∞∞∞∞*/ #s2_archive_blog .container { grid-template-columns: 1fr 0.75fr; } /* ∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞ */ #s1_single { min-height: 80vh; } #s1_single .nav_btn { width: 3rem; } #s1_single .nav_prev { left: 2rem; } /* Sec 2 */ /*.s2_single > .grid { grid-template-columns: 1fr 25rem; gap: var(--c2o); }*/ .wrapper_left { padding-right: var(--c2o); } .wrapper_right { padding-left: 0; padding-right: var(--c2o); will-change: top; position: sticky; top: calc( 130px + ( 205 - 130 ) * ( (100vw - 320px) / 1600 ) ); } /* Struttura - banner */ .banner { padding: var(--c5v) var(--c2o); } /*∞∞∞∞∞∞∞∞∞ Testo / contenuto flessibile ∞∞∞∞∞∞∞∞∞*/ /* Citazione */ .citazione { padding: 3.5rem 6rem; } .citazione .pre { left: 1.5rem; top: 1.5rem; width: 3rem; } .citazione .post { right: 1.5rem; bottom: 1.5rem; width: 3rem; } /*∞∞∞∞∞∞ SINGLE - OSPITALITÀ ∞∞∞∞∞∞*/ .box_ospitalita .box_int + .box_int { margin-top: 0; padding-left: 2rem; } .box_ospitalita .box_int.w35l { width: 30%; } .box_ospitalita .box_int.w65l { width: 70%; } .box_ospitalita .box_int :where(li, p) { gap: .75rem; } /*∞∞∞∞∞∞ SINGLE - BLOG ∞∞∞∞∞∞*/ #single_blog .s2_single { padding-right: var(--c2o); } #sidebar_blog { position: sticky; top: 10vh; left: auto; margin: 0; padding: 0; width: 30%; flex-wrap: wrap; transform: none; } /* Sidebar Index */ #sidebar_blog .index { border-radius: 1.5rem; /* padding-bottom: .5rem; */ box-shadow: 0 0 1rem rgb(30 30 30 / 15%); } #sidebar_blog .index:before, #sidebar_blog .index:after, #sidebar_blog .index_select { display: none; } #sidebar_blog .index_list { display: block; /* padding: 0.5em 0; */ } #sidebar_blog .index_list:before { display:none; } #sidebar_blog .index li p { padding: 0.75em 1.5rem; padding-bottom: 0; color: var(--black); } #sidebar_blog .index li button { height: auto; padding: 0.5em 1.5rem; color: var(--black); } #sidebar_blog .index li.active button { background-color: var(--vls_light); opacity: 1; color: var(--white); } #sidebar_blog .index li button:hover { opacity: .5; } #sidebar_blog .card a { background-color: var(--white); border: 1px solid var(--blue); } /* Sidebar Prev / Next */ #sidebar_blog .box_side + .box_side { margin-top: var(--c5v); } #sidebar_blog .post_nav { display: block; margin-top: var(--c5v); overflow: hidden; border-radius: 1.5rem 0 0 0; } #sidebar_blog .post_nav .card_content { padding: 1rem; margin-top: 10rem; } #sidebar_blog .post_nav .card_content .tit { padding: 0; } #sidebar_blog .post_nav .card_content p { width: calc(100% - 2rem); } #sidebar_blog .post_nav button { position: absolute; right: .5rem; bottom: .5rem; width: 1.75rem; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer .top_foot, footer .mid_foot { grid-template-columns: 1.5fr 1.5fr 1fr 1fr; } footer .bot_foot { padding-right: var(--c1o); grid-template-columns: 1fr 1fr; gap: var(--c10v) var(--c7o); } /*∞∞∞∞∞∞ PARTNER ∞∞∞∞∞∞*/ .wrapper_prt { gap: 2rem; } .wrapper_prt .logo { width: calc(20% - 2rem); } /*∞∞∞∞∞∞ VAL ∞∞∞∞∞∞*/ .wrapper_magazine { gap: 2rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } /*∞∞∞∞∞∞ PIANIFICA VACANZA ∞∞∞∞∞∞*/ .visualizza_scelte .scelte { margin-left: 2rem; } .filtro_grande .scelte .modifica_campi { margin-left: 2rem; } /*∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞*/ #s2_contatti .grid { grid-template-columns: 1fr 1fr 1fr 1fr; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Slider ospitalità */ .wrapper_slider { padding: 0 var(--c2o); } .wrapper_slider .nav_prev { left: .5rem; } .wrapper_slider .nav_next { right: .5rem; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Landing */ .head_menu_landing { gap: .75rem; } .head_menu_landing li a { padding: .5em 1.25em; } /* Button cerca */ .btn_cerca { gap: 1.5rem; } .btn_cerca:hover { gap: 2.5rem; } /* Link rapidi */ /* MENU */ .wrp_menu .sub_menu .head_menu { gap: 1.5rem; } .wrp_menu .sub_menu .head_menu.sb { justify-content: space-between; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Loghi */ .wrapper_loghi .logo img { max-width: 13rem; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ /* Sec 2 */ #slider_evidenza { padding-bottom: 5rem; } #slider_evidenza .swiper-wrapper .card:nth-of-type(3n + 1), #slider_evidenza .swiper-wrapper .card:nth-of-type(3n + 3) { transform: translateY(5rem); } /* Sec 4 */ .box_sel { width: calc((100% / 7) - 1rem); } /* Sec 6 */ #s6_home #mappa { width: 60%; } #mappa_int.zoom_top { transform: scale(1.5) translate(-55%, 20%); } #mappa_int.zoom_mid { transform: scale(1.5) translate(-45%, -7%); } #mappa_int.zoom_bottom { transform: scale(1.5) translate(-25%, -30%); } /* Modale mappa */ .box_comuni { width: 50%; } .wrapper_box .wrapper_box_i { height: 30rem; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Schedine */ /*#result_container { padding-left: var(--c2o); padding-right: var(--c2o); }*/ #card_grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) { /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Schedine */ #card_grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }