/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " NAVIGAZIONE LAGHI " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { position: fixed; top: 0; left: 0; background-color: var(--head-bkg-color); transition: .25s linear; z-index: 4; } .head_wrapper { background-color: var(--white); box-shadow: 0 0 .5em rgb(30 30 30 / 12.5%); transform: translateY(0); z-index: 2; } header.opened .head_wrapper { border-bottom: 1px inset rgb(30 30 30 / 12.5%); } /*header.stuck { transform: translateY(-3rem); }*/ header.stuck .head_logo_width { width: 4.25em; } header.stuck .hamburger_btn { padding-top: 1em; padding-bottom: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD INFO MOBILE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #head_info_mobile .head_info { display: flex; transition: .25s ease; z-index: 3; } #head_info_mobile h2 { padding-right: 1em; font-size: 75%; font-weight: 700; } .head_info .wpml-ls-legacy-dropdown-click { width: auto; max-width: 4em; } .head_info .wpml-ls-legacy-dropdown-click a { padding: 0.375em 1.75em 0.375em 0.5em; background: transparent; font-weight: 700; color: var(--white); line-height: 1; border: 1px solid var(--white); border-radius: .5em; } .head_info .wpml-ls-legacy-dropdown-click a span { display: block; min-width: 2ch; padding-top: .25em; } .head_info .wpml-ls-legacy-dropdown-click a:hover, .head_info .wpml-ls-legacy-dropdown-click a:focus { background: var(--dirt-white); color: var(--dark-blue); } .head_info .js-wpml-ls-sub-menu a { background-color: var(--white); color: var(--blue); border-color: var(--blue); } .head_info .js-wpml-ls-sub-menu a:hover { background-color: var(--blue); color: var(--white); } .head_info .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; max-height: 100px; padding: .5em; } .head_logo_width { --head-logo-width: 68px; --head-logo-min: 68; --head-logo-max: 110; max-height: 110px; transition: .25s linear; will-change: width; } .head_logo img, .foot_logo img { width: 100%; height: 100%; } .head_logo img { max-height: calc(110px - 1em); transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_info { display: none; padding: .5em; background-color: var(--blue); } .head_info h2 { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .open_menu { padding: .5em; } .open_menu .link_blue { line-height: 1; padding: .75em 1.25em .625em 1.25em; } .open_menu .head_link { display: none; font-weight: 600; background-color: transparent;} .open_menu .head_link svg, .open_menu .head_link img { width: 1.25em; height: 1.25em; margin-right: .75em; } .open_menu .head_link svg .st0 { fill: var(--blue); transition: .25s ease; } .open_menu .head_link span { display: inline-block; color: var(--blue); } .open_menu .head_link.link_blue { display: flex; } .open_menu .head_link.link_blue span { color: var(--blue); text-align: center; transition: .25s ease; } .open_menu .head_link.link_blue:active { transform: scale(.95); background-color: var(--blue); } .open_menu .head_link.link_blue:active svg .st0 { fill: var(--white); } .open_menu .head_link.link_blue:active span { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .hamburger_btn { display: inline-block; font-size: 16px; line-height: 0; --hamburger-px: 12px; --hamburger-min: 12; --hamburger-max: 16; padding: 1.75em 1em; margin-left: -.5em; transition: .25s linear; } .hamburger { position: relative; display: inline-block; width: 2.5em; height: 2em; transition: .25s linear; } .top_bun, .burger, .bottom_bun { display: block; position: absolute; width: 2.5em; height: 2px; background-color: var(--blue); border-radius: 3px; transition: .25s ease; } .top_bun { top: -1px; } .burger { top: calc(50% - 1px); } .bottom_bun { bottom: -1px; } /*∞∞∞∞ Tapped / Clicked ∞∞∞∞*/ .hamburger_btn.active span { background-color: var(--blue); } .hamburger_btn.active .burger { opacity: 0; transform: scale(0); } .hamburger_btn.active .top_bun { transform: translateY(1em) rotate(135deg); } .hamburger_btn.active .bottom_bun { transform: translateY(-1em) rotate(-135deg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU MOBILE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav_desktop { display: none; } .main_nav { position: fixed; top: 0; left: 0; height: 100%; background-color: var(--blue); transform: translateX(100%); transition: .25s linear; } .main_nav.active { transform: translateX(0%); } /*header.stuck .main_nav .wrapper { transform: translateY(2.775rem); }*/ .menu_mobile { top: 0; left: 0; transition: .25s ease; } .menu_mobile ul li { border-bottom: 1px solid rgb(30 30 30 / 12.5%); } .menu_mobile button, .menu_mobile a { width: 100%; padding: 1em; text-align: left; line-height: 1.5; font-weight: 700; } .menu_mobile button span, .menu_mobile a span { display: block; flex: 1 1 auto; font-size: 150%; } .menu_mobile button img, .menu_mobile a img { width: 2em; margin-right: 1em; } /*∞∞∞∞ I Lvl. Menu ∞∞∞∞*/ .menu_mobile.level_1 ul { position: relative; display: flex; flex-direction: column; height: 100%; } .menu_mobile.level_1 ul li { position: relative; display: block; width: 100%; flex: 1 1 auto; background-color: var(--white); line-height: unset; overflow: hidden; transform: translateX(50%); transition: .25s ease-out; } .menu_mobile.level_1 ul li:nth-of-type(2) { transition-delay: .05s; } .menu_mobile.level_1 ul li:nth-of-type(3) { transition-delay: .1s; } .menu_mobile.level_1 ul li:nth-of-type(4) { transition-delay: .15s; } .menu_mobile.level_1 ul li:nth-of-type(5) { transition-delay: .2s; } .menu_mobile.level_1 ul li:nth-of-type(6) { transition-delay: .25s; } .main_nav.active .menu_mobile.level_1 ul li { transform: translateX(0); } .menu_mobile.level_1 ul li button, .menu_mobile.level_1 ul li a { position: absolute; top: 0; left: 0; height: 100%; } .menu_mobile.level_1 ul li .menu_btn.lake_btn, .menu_mobile.level_1 ul li .menu_btn.info_btn { padding-right: 2.5em; background: url(../images/svg/next_b.svg) no-repeat calc(100% - 1em) center / 1.25em; } .menu_mobile.level_1 ul li button.menu_back { width: 4em; padding: 0; transform: translateX(-100%); background: var(--blue); } .menu_mobile.level_1 ul li button.menu_back img { width: 1.5em; margin: 0; } .menu_mobile.level_1 ul li button.menu_back.active { transform: translateX(0); } .menu_mobile button.menu_btn.active { transform: translateX(4em); opacity: 0; } /*∞∞∞∞ II Lvl. Menu ∞∞∞∞*/ .menu_mobile.level_2 { left: auto; right: 0; width: calc(100% - 4em); transform: translateX(calc(100% + 1px)); background-color: var(--blue); border-left: 1px solid rgb(255 255 255 / 12.5%); } .menu_mobile.level_2.active { transform: translateX(0); } .menu_mobile.level_2 ul.container { height: 100%; overflow-y: scroll; border: 0; } .menu_mobile.level_2 li { border-color: rgb(255 255 255 / 12.5%); } .menu_mobile.level_2 li.deactive { background-color: var(--black); } .menu_mobile.level_2 li.deactive a { color: var(--grey); background-color: rgb( var(--blue-rgb) / 50%); cursor: not-allowed; } .menu_mobile .submenu_title { display: block; padding: 1em; font-size: 150%; line-height: 1.5; font-weight: 700; color: var(--white); transform: translateX(-100%); transition: .25s ease .125s; } .menu_mobile .submenu_title img { margin-right: 1em; } .menu_mobile.active .submenu_title { transform: translateX(0); } .menu_mobile.level_2 li button, .menu_mobile.level_2 li a { color: var(--white); border-color: rgb(255 255 255 / 12.5%); transform: translateX(-100%); transition: .25s ease .1s; } .menu_mobile.level_2.active li:nth-of-type(2) button, .menu_mobile.level_2.active li:nth-of-type(2) a { transition-delay: .125s; } .menu_mobile.level_2.active li:nth-of-type(3) button, .menu_mobile.level_2.active li:nth-of-type(3) a { transition-delay: .15s; } .menu_mobile.level_2.active li:nth-of-type(4) button, .menu_mobile.level_2.active li:nth-of-type(4) a { transition-delay: .175s; } .menu_mobile.level_2.active li:nth-of-type(5) button, .menu_mobile.level_2.active li:nth-of-type(5) a { transition-delay: .2s; } .menu_mobile.level_2.active li:nth-of-type(6) button, .menu_mobile.level_2.active li:nth-of-type(6) a { transition-delay: .225s; } .menu_mobile.level_2.active li:nth-of-type(7) button, .menu_mobile.level_2.active li:nth-of-type(7) a { transition-delay: .25s; } .menu_mobile.level_2.active li:nth-of-type(8) button, .menu_mobile.level_2.active li:nth-of-type(8) a { transition-delay: .275s; } .menu_mobile.level_2.active li:nth-of-type(9) button, .menu_mobile.level_2.active li:nth-of-type(9) a { transition-delay: .3s; } .menu_mobile.level_2.active li:nth-of-type(10) button, .menu_mobile.level_2.active li:nth-of-type(10) a { transition-delay: .325s; } .menu_mobile.level_2.active li:nth-of-type(11) button, .menu_mobile.level_2.active li:nth-of-type(11) a { transition-delay: .35s; } .menu_mobile.level_2.active li:nth-of-type(12) button, .menu_mobile.level_2.active li:nth-of-type(12) a { transition-delay: .375s; } .menu_mobile.level_2.active li:nth-of-type(13) button, .menu_mobile.level_2.active li:nth-of-type(13) a { transition-delay: .4s; } .menu_mobile.level_2.active li:nth-of-type(14) button, .menu_mobile.level_2.active li:nth-of-type(14) a { transition-delay: .425s; } .menu_mobile.level_2.active li:nth-of-type(15) button, .menu_mobile.level_2.active li:nth-of-type(15) a { transition-delay: .45s; } .menu_mobile.level_2.active li:nth-of-type(16) button, .menu_mobile.level_2.active li:nth-of-type(16) a { transition-delay: .475s; } .menu_mobile.level_2.active li:nth-of-type(17) button, .menu_mobile.level_2.active li:nth-of-type(17) a { transition-delay: .5s; } .menu_mobile.level_2.active li:nth-of-type(18) button, .menu_mobile.level_2.active li:nth-of-type(18) a { transition-delay: .525s; } .menu_mobile.level_2.active li:nth-of-type(19) button, .menu_mobile.level_2.active li:nth-of-type(19) a { transition-delay: .55s; } .menu_mobile.level_2.active li:nth-of-type(20) button, .menu_mobile.level_2.active li:nth-of-type(20) a { transition-delay: .575s; } .menu_mobile.level_2.active li button, .menu_mobile.level_2.active li a { transform: translate(0); } .menu_mobile.level_2.active li button:active, .menu_mobile.level_2.active li a:active, .menu_mobile.level_2.active li button:focus, .menu_mobile.level_2.active li a:focus { color: var(--yellow); } .menu_mobile.level_2 li.deactive:hover a, .menu_mobile.level_2 li.deactive:active a, .menu_mobile.level_2 li.deactive:focus a, .menu_mobile.level_2 li.deactive:hover button, .menu_mobile.level_2 li.deactive:active button, .menu_mobile.level_2 li.deactive:focus button {} .menu_mobile .file_list_head { position: relative; padding-right: 2.5em; } .menu_mobile .file_list_head::after { display: inline-block; content: ''; position: absolute; top: 50%; right: 1em; width: 1em; height: 1em; background: url(../images/svg/arrow_down_w.svg) no-repeat center; background-size: contain; transform: translateY(-50%); } .menu_mobile .file_list_head.active::after { background-image: url(../images/svg/arrow_up_w.svg); } .menu_mobile .file_list { display: none; margin: 0; padding: 0 .75em; border: none; background-color: rgb(30 30 30 / 50%); box-shadow: inset 0 0 .5em rgb(30 30 30 / 50%); } .menu_mobile .file_list h5 { padding: 1.5em 0 .5em 0; font-weight: 700; color: var(--dirt-white); opacity: .625; } .menu_mobile .file_list li:first-child { border-top: 0; } .menu_mobile .file_list a { padding: 1em 0; border-color: rgb(255 255 255 / 5%); } .menu_mobile .file_list a img, .menu_mobile .file_list a svg { width: 1.5em; } .menu_mobile .file_list a span, .menu_mobile .file_list button span { display: block; font-size: 87.5%; } .menu_mobile .file_list a span.cat { font-size: 75%; line-height: 1.25; font-weight: 700; color: var(--dirt-white); text-transform: uppercase; } .menu_mobile #news_list { margin: 0; padding: 0 .75em; } .menu_mobile #social_list li a { padding-right: 2.5em; background: url(../images/svg/ico_link_w.svg) no-repeat right center / 1em; } .menu_notice { background-color: rgb(30 30 30 / 50%); } .menu_notice_title { display: block; padding: 1em; font-weight: 700; color: var(--white); background-color: rgb( var(--light-blue-rgb) / 50%); } .menu_notice a { padding: 1em 0; } .menu_notice a span { display: block; margin-bottom: 1em; font-size: 75%; font-weight: 700; text-decoration: underline; } .menu_notice .no_news { padding: 2em 1.5em; font-size: 75%; color: var(--white); font-weight: 700; text-transform: uppercase; opacity: .5; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .btn, .a2a_default_style.btn, .content .btn { display: inline-block; position: relative; padding: .75em 1.5em .675em 1.5em; border: 1px solid #3e3e3e; border-radius: 20em; background-color: var(--blue); font: inherit; font-size: var(--rem); color: var(--white); text-decoration: none; } /*∞∞∞∞ Btn Colored ∞∞∞∞*/ .btn_yellow, a.btn_yellow, .content .btn_yellow { background-color: var(--yellow); border-color: var(--blue); color: var(--blue); } .btn_red, a.btn_red, .content .btn_red { background-color: transparent; border-color: var(--red); color: var(--red); } .btn_pdf_w, a.btn_pdf_w, .content .btn_pdf_w { background-color: var(--white); color: var(--blue); } .btn_pdf_w::before, .btn_pdf_w::after, a.btn_pdf_w::before, a.btn_pdf_w::after, .content .btn_pdf_w::before, .content .btn_pdf_w::after { background-image: url(../images/svg/ico_pdf.svg); } .btn_pdf_w::after, a.btn_pdf_w::after, .content .btn_pdf_w::after { background-image: url(../images/svg/ico_download.svg); } /*∞∞∞∞ Btn Download ∞∞∞∞*/ .btn_download, .btn_download_w, a.btn_download, a.btn_download_w, .content .btn_download, .content .btn_download_w { display: inline-block; position: relative; padding: 1em 3em .875em 1em; border-radius: .5em; background: url(../images/svg/ico_download.svg) no-repeat calc(100% - 1em) / 1.25em; background-color: var(--dirt-white); font: inherit; font-size: var(--rem); color: var(--blue); text-decoration: none; } .btn_download_w, a.btn_download_w, .content .btn_download_w { background-image: url(../images/svg/ico_download_w.svg); background-color: var(--blue); color: var(--white); } /*∞∞∞∞ Btn PDF ∞∞∞∞*/ .btn_pdf, .btn_pdf_w, a.btn_pdf, a.btn_pdf_w, .content .btn_pdf, .content .btn_pdf_w { display: block; position: relative; padding: 1em 3em .875em 3em; border: 1px solid var(--blue); border-radius: .5em; background-color: var(--blue); font: inherit; font-size: var(--rem); color: var(--white); text-decoration: none; } .btn_pdf::before, .btn_pdf::after, .btn_pdf_w::before, .btn_pdf_w::after, a.btn_pdf::before, a.btn_pdf::after, a.btn_pdf_w::before, a.btn_pdf_w::after, .content .btn_pdf::before, .content .btn_pdf::after, .content .btn_pdf_w::before, .content .btn_pdf_w::after { display: inline-block; content: ''; position: absolute; top: 50%; left: 1em; width: 1.25em; height: 1.25em; background: url(../images/svg/ico_pdf_w.svg) no-repeat center; background-size: 1.25em; transform: translateY(-50%); } .btn_pdf::after, .btn_pdf_w::after, a.btn_pdf::after, a.btn_pdf_w::after, .content .btn_pdf::after, .content .btn_pdf_w::after { left: auto; right: 1em; background-image: url(../images/svg/ico_download_w.svg); } .btn_pdf:hover, .btn_pdf_w:hover, a.btn_pdf:hover, a.btn_pdf_w:hover, .content .btn_pdf:hover, .content .btn_pdf_w:hover { background-color: var(--light-blue); } .btn_pdf_w:hover, a.btn_pdf_w:hover, .content .btn_pdf_w:hover { color: var(--white); } /*∞∞∞∞ Btn More ∞∞∞∞*/ .btn_more, a.btn_more { display: inline-block; position: relative; padding: .55em; border: 1px solid rgb( var(--blue-rgb) / 25%); border-radius: 20em; line-height: 1; color: var( --dark-blue); } .btn_more img, a.btn_more img { width: 1rem; } .btn_more .less, a.btn_more .less { display: none; } .active .btn_more .more, a.active .btn_more .more { display: none; } .active .btn_more .less, a.active .btn_more .less { display: block; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ a.link, .link { display: inline-block; position: relative; padding: .5em 1em; border-radius: 20em; font-size: var(--rem); font-weight: 500; } a.link_:hover, a.link_:focus, a.link_:active, .link_:hover, .link_:focus, .link_:active {} a.link_w, .link_w { display: flex; padding: .75em 1.5em; background-color: var(--white); border: 1px solid var(--black); border-color: var(--blue); line-height: 1.5; color: var(--blue); } a.link_w:hover, a.link_w:focus, a.link_w:active, .link_w:hover, .link_w:focus, .link_w:active { background-color: var(--yellow); } a.link_blue, .link_blue { border: 1px solid var(--blue); background-color: var(--blue); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_blue { background-color: var(--blue); mix-blend-mode: hard-light; opacity: .5; } .filter_shade { background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,0.5) 100%); background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,0.5) 100%); transition: .5s ease-in-out; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-left: -.5em; } .breadcrumb, .breadcrumb a, .breadcrumb span { line-height: 1.25; font-weight: 500; color: var(--white); } .breadcrumb a { margin: 0 .5em; } .breadcrumb span.current { margin-left: .5em; } .s1_title .breadcrumb :where(a, span) { font-weight: 700; text-shadow: 0 0 0.25em rgb(30 30 30 / 50%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .scroll { display: inline-block; position: relative; font: normal var(--rem) / 1 var(--main-font); --scroll-px: 45px; --scroll-min: 45; --scroll-max: 80; max-width: 80px; margin-top: 2rem; padding: 1em; border-radius: 20em; background-color: rgb( var(--white-rgb) / 12.5% ); box-shadow: 0 0 1em rgb( var(--black-rgb) / 25%); cursor: pointer; z-index: 1; } .scroll svg { width: 100%; transition: .25s ease; animation: hang_scroll 1.5s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { 0% { transform: translateY(.5em); } 50% { transform: translateY(0); } 100% { transform: translateY(.5em); } } .scroll:hover svg, .scroll:focus svg, .scroll:active svg { animation-play-state: paused; } .scroll svg .scroll-path { fill: var(--white); transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sticky { top: 15vh; } .blurred { filter: blur(5px); overflow: hidden; } span.color { color: var(--yellow); } .sec_title { position: relative; width: 100%; text-align: center; margin-bottom: 2em; } .sec_title h2.p { font-size: 125%; line-height: 1.25; font-weight: 500; color: var(--blue); text-transform: uppercase; letter-spacing: .1em; margin-bottom: .5em; } .sec_title h2.p img { width: auto; height: 1.5em; margin-left: .5em; } .sec_title h4 { margin-top: .5em; font-size: 150%; } .texture { top: 0; left: 0; background: url(../images/svg/waves_texture.svg) repeat center / 25%; } .texture.texture_light { position: fixed; background-image: url(../images/svg/waves_texture_light.svg); opacity: .05; } .separator { height: 1px; margin: 3.5em auto; background-color: var(--blue); } .separator h3 { display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 7em; min-height: 7em; background-color: var(--blue); border-radius: 20em; font-weight: 500; color: var(--white); text-align: center; text-transform: uppercase; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .content h2, .content h3 { margin-bottom: 1rem; font-size: 150%; } .content h4, .content h5, .content h6 { margin-bottom: 1rem; font-size: 125%; } .content p { margin-bottom: 1em; } .content p a, .content li a { display: inline-block; padding: 0; color: var(--dark-blue); text-decoration: underline; } .content p a:hover, .content li a:hover { color: var(--light-blue); } .content table { position: relative; width: 100%; margin-bottom: 1rem; background-color: var(--white); } .content table, .content th, .content td { border: 1px solid rgb( var(--blue-rgb) / 25%); border-spacing: 0; border-collapse: collapse; } .content td { padding: .5rem; line-height: 1.5; } .content table p, .content table a, .content table span { color: var(--black); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR AVVISI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sidebar_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(30 30 30 / 25%); z-index: 8; } .sidebar_overlay.active { display: block; } #sidebar { position: fixed; bottom: 1.5em; right: 1.5em; width: calc(100% - 3em); height: calc(100% - 3em); border-radius: 1em; border: 1px solid rgb(var(--white-rgb) / 25%); background-color: rgb(var(--white-rgb) / 95%); transform: translateY(calc(100% + 1.5em)); opacity: 0; overflow-y: scroll; transition: .25s ease; will-change: opacity, transform; z-index: 8; } #sidebar.active { transform: translateY(0); opacity: 1; box-shadow: 0 0 2em rgb(30 30 30 / 50%), 0 0 1em rgb(30 30 30 / 50%); border-bottom: 2em solid transparent; } #sidebar h2 { padding: 1.25rem 2rem; background-color: var(--blue); font-size: 150%; color: var(--white); text-transform: uppercase; text-align: center; transition: .25s ease; } #sidebar ul { border-top: 1px solid rgb(255 255 255 / 25%); } #sidebar li { padding: 1.5em; border-bottom: 1px solid rgb(var(--blue-rgb) / 12.5%); } #sidebar li:last-of-type { padding-bottom: 0; border-bottom: 0; text-align: center; } #sidebar li .news_card h3, #sidebar li .news_card p { color: var(--black); } #sidebar li .news_card h3 { font-size: 100%; line-height: 1.25; } #sidebar li .news_card p { margin-top: .5em; font-size: 75%; } #sidebar .tag_list { position: relative; top: auto; right: auto; padding: 0; border: 0; justify-content: flex-start; margin-bottom: .75em; } #sidebar .tag_list li { padding: .25em 1em .125em 1em; margin: 0 1em .5em 0; background-color: transparent; border: 1px solid var(--blue); border-radius: .5em; color: var(--blue); } #sidebar li .news_card p.card_date { margin-top: 0; font-size: 75%; line-height: 1.25; font-weight: 700; color: var(--blue); } .sidebar_btn { position: fixed; bottom: .75em; right: .75em; transition: .25s linear; z-index: 8; } .sidebar_btn_desktop { display: none; } .sidebar_btn.hide { transform: scale(0); opacity: 0; } .sidebar_btn_mobile button { width: 3.5em; height: 3.5em; padding: .75em; background-color: var(--blue); box-shadow: 0 0 1em rgb(var(--black-rgb) / 50%), 0 0 .25em rgb(var(--black-rgb) / 75%); border: 1px solid var(--white); border-radius: 20em; } .sidebar_btn svg { width: 100%; } .sidebar_btn svg#ico_bell .st0 { fill: #ffffff; } .sidebar_btn svg#ico_close { display: none; } .sidebar_btn svg#ico_close .st0 { fill: var(--white); transition: .25s; } .sidebar_btn h2 { display: none; } .sidebar_btn span.counter { position: absolute; top: -.25em; left: -.25em; width: 2em; height: 2em; padding: .5em; border-radius: 20em; background-color: var(--red); font-size: 75%; font-weight: 700; color: var(--white); } .sidebar_btn.active .sidebar_dragger { background-color: var(--white); } .sidebar_btn.active svg#ico_bell, .sidebar_btn.active span.counter { display: none; } .sidebar_btn.active svg#ico_close { display: block; width: 65%; } #sidebar .all_news_link { width: calc(100% - 4em); padding: 1em 2em .825em 2em; background-color: var(--blue); border: 1px solid var(--blue); font-weight: 700; color: var(--white); text-transform: uppercase; text-align: center; } #sidebar .all_news_link:active { background-color: var(--yellow); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .side_menu_block { border-bottom: 1px solid var(--blue); } .side_menu_block:last-of-type { margin-bottom: 0; border-bottom: 0; } .side_menu_title { display: block; padding: 1.25em 1.5em 1.25em 0; text-align: left; cursor: pointer; } .side_menu_title h5 { font-weight: 700; font-size: 150%; line-height: 1; color: var(--blue); transition: .25s ease; } .side_menu_title:hover h5 { color: var(--light-blue); } .side_menu_title::after { display: block; content: ''; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); width: 1.25em; height: 1.25em; background: url(../images/svg/ico_plus.svg) no-repeat center; background-size: 100%; } .side_menu_title.active::after { background-image: url(../images/svg/ico_minus.svg); } .side_menu_list { display: none; background-color: var(--dirt-white); border-radius: .5em; margin-bottom: .75em; padding: .75em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SVG MAPPE LAGHI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .svg_dot { fill: var(--blue); stroke: var(--white); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; transition: .25s ease; } .svg_text { fill: var(--blue); font-family: var(--main-font); font-size: 9px; font-weight: 700; } .svg_label { opacity: 0.8; fill: var(--white); transition: .25s ease; } .svg_btn:hover .svg_dot, .svg_btn:focus .svg_dot, .svg_btn.active .svg_dot { stroke: var(--yellow); filter: drop-shadow(2px 2px 5px rgb(var(--black-rgb) / 50%)); } .svg_btn:hover .svg_label, .svg_btn:focus .svg_label, .svg_btn.active .svg_label { opacity: 1; fill: var(--yellow); stroke: var(--yellow); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; filter: drop-shadow(5px 5px 10px rgb(var(--black-rgb) / 25%)); } .svg_btn:hover .svg_text,.svg_btn:active .svg_text, .svg_btn:focus .svg_text {} .svg_btn.disabled { display: none; cursor: not-allowed; } .svg_btn.disabled .svg_dot { fill: rgb(var(--black-rgb) / 25%); stroke: rgb(var(--white-rgb) / 50%); } .svg_btn.disabled .svg_text { fill: rgb(var(--grey-rgb) / 50%); } .svg_btn.disabled .svg_label { fill: rgb(var(--white-rgb) / 25%); } .svg_btn.disabled:hover .svg_dot, .svg_btn.disabled:focus .svg_dot, .svg_btn.disabled.active .svg_dot { stroke: rgb(var(--white-rgb) / 50%); filter: none; } .svg_btn.disabled:hover .svg_label, .svg_btn.disabled:focus .svg_label, .svg_btn.disabled.active .svg_label { opacity: .8; fill: rgb(var(--white-rgb) / 25%); stroke: none; filter: none; } /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 .video_container { top: 0; left: 0; overflow: hidden; } .s1 video { will-change: transform; } .s1 .bkg_thumb { background-color: var(--grey); } .s1_title { text-align: center; } .s1_title h1, .s1_title .h1 { text-shadow: 0 0 .25rem rgb(30 30 30 / 75%), 0 0 0.5em rgb(30 30 30 / 75%), 0 0 2em rgb(30 30 30 / 50%); } #s1_process .s1_title h1{text-shadow: none;} .s1_title h4 { color: var(--white); } .s1_title .tag_list { padding: 2em 0 0 0; justify-content: center; } .s1_title .tag_list li { margin: 0 1em 1em 0; } .s1_title .breadcrumb { margin-bottom: 1em; } .slider_nav { width: 3em; top: 50%; transform: translateY(-50%); z-index: 1; } .slider_prev { left: 0; } .slider_next { right: 0; } .slider_nav img { width: 100%; } .slider_nav.swiper-button-disabled { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ INFO BANNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #utility_banner { display: block; margin-top: -2.5em; } #utility_banner .filter { top: auto; bottom: 0; height: calc(100% - 2.5em); } #utility_banner .filter_bkg { background-color: var(--blue); box-shadow: 0 0 1em rgb(30 30 30 / 12.5%); } #utility_banner .filter_gradient { background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.175) 100%); } #utility_banner .swiper-slide { padding-top: 2.5em; } .info_block picture.info_png { bottom: 0; left: 0; height: calc(100% + 2.5em); filter: drop-shadow(.75em .5em .5em rgb(30 30 30 / 50%)); overflow: hidden; } .info_block picture.info_png img { object-position: top right; object-fit: cover; opacity: 0; transform: translateX(calc(-100% - 2em)); transition: .5s ease-out .125s; } .swiper-slide-active .info_block picture.info_png img { opacity: 1; transform: translateX(0); } .info_block .content { padding: 1.75em 1em 2.75em 1em; margin-left: auto; z-index: 1; } .info_block .wrap { width: fit-content; } .info_block h4, .info_block h6, .info_block a, .info_block p { color: var(--white); } .info_block h4 { width: 100%; margin-bottom: 1rem; white-space: nowrap; } .info_block .link { display: block; width: fit-content; margin-top: 0; padding: .75em 1.25em .675em 1.25em; border: 1px solid var(--white); border-radius: 5em; background-color: transparent; font-size: 100%; line-height: 1.2; white-space: initial; will-change: transform, background; } .info_block .link:nth-of-type(2), .info_block .link_app:nth-of-type(2) { margin-top: 1em; } .info_block .link:hover { background-color: var(--white); color: var(--blue); } .info_block a.link_app { display: block; width: fit-content; white-space: initial; line-height: 1; } .info_block a.link_app img { width: auto; height: calc(2.625em + 2px); } .info_block a.link_app:hover { transform: scale(1.05); } .info_block a.link_app:active { transform: scale(1); } #utility_banner .nav_dots { bottom: 1em; right: 1.5em; max-width: 70%; display: flex; align-items: center; justify-content: flex-end; gap: .325em; } #utility_banner .nav_dots span { display: block; width: 0.75em; height: 0.75em; border: 1px solid var(--white); border-radius: 1.5em; background-color: transparent; transition: .25s ease; } #utility_banner .nav_dots span.swiper-pagination-bullet-active { background-color: var(--white); } /* Attivare se attivo REAL TIME */ /* #info_block_3 h4 span, #s1_avvisi .info_block h4 span { display: inline-block; position: relative; margin-left: .25em; padding: .375em 1.5em .25em .5em; background-color: var(--light-blue); border-radius: .25em; color: var(--white); line-height: 1; } #info_block_3 h4 span::after, #s1_avvisi .info_block h4 span::after { display: block; content: ''; position: absolute; top: 50%; right: .5em; transform: translate(0,-50%); width: .5em; height: .5em; border-radius: 1em; background-color: var(--red); animation: live 2s ease-in-out infinite forwards alternate; } @keyframes live { 0% { opacity: 1; } 25% { opacity: 1; } 50% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } .info_block .live_status { display: flex; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; padding: .75em 0 .625em 1.5em; border: 2px solid var(--white); border: none; } .info_block .live_status::before { display: block; content: ''; position: absolute; top: 1.25em; left: 0; transform: translateY(-50%); width: .75em; height: .75em; background-color: var(--white); border-radius: 1.5em; } .info_block .live_status h6 { min-width: 15ch; margin: 0; font-size: 85%; line-height: 1.25; } .info_block .live_status p { margin: 0; padding-left: .5em; font-size: 85%; line-height: 1.5; text-transform: uppercase; font-weight: 700; text-align: right; } .info_block .live_status.live_regular::before { background-color: var(--green); } .info_block .live_status.live_caution::before { background-color: var(--yellow); } .info_block .live_status.live_danger::before { background-color: var(--red); } .info_block .live_status { padding: 0.75em 0 0.625em 1.5em; border: none; font-size: 100%; } .info_block .live_status:nth-of-type(2) { margin: 0; } .info_block .link.live_status:hover { background-color: transparent; border-color: transparent; color: inherit; transform: none; } */ /* #info_block_3 .content { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } #info_block_3 a { padding: .75em 1em .625em 1em; margin: 0 1em; border: 1px solid var(--white); } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEC SLIDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_slider { text-align: center; overflow: hidden; } .sec_slider .slider_nav { display: none; } .slider_dots { margin-top: 2em; bottom: auto !important; } .slider_dots .swiper-pagination-bullet { width: .75em; height: .75em; margin: 0 .25em; background: rgb(var(--white-rgb) / 75%); opacity: 1; box-shadow: inset 0 0 .25em rgb(30 30 30 / 12.5%); border: 1px solid rgb(30 30 30 / 50%); transition: .25s ease; } .slider_dots .swiper-pagination-bullet:hover, .slider_dots .swiper-pagination-bullet:focus, .slider_dots .swiper-pagination-bullet:active { background-color: rgb(var(--blue-rgb) / 50%); } .slider_dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--blue); box-shadow: none; transform: scale(1.1); } .sec_slider .link { margin: 1.5em auto 0 auto; padding: 1em 2em; text-transform: uppercase; font-weight: 700; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEC BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sec_blog { overflow: hidden; } #sec_blog .swiper { padding: 0 var(--c5o); } #card_blog_4, #card_blog_5 { display: none; } .blog_cards_container .wrapper_l, #card_blog_3, #card_blog_4, #card_blog_5 { display: none; } #card_news { max-width: 36em; background-color: var(--blue); border-radius: 1.5em; overflow: hidden; box-shadow: 0 0 .5em rgb(30 30 30 / 25%); } #card_news .card_content { position: relative; bottom: auto; left: auto; padding: 2em 1.5em; } #card_news .card_content > p:not(.notice) { margin-top: 0; } #card_news h2 { margin: .5rem 0 1rem 0; line-height: 1.25; text-transform: uppercase; } #card_news .card_content .notice { margin-top: 1em; line-height: 1.25; color: var(--yellow); } .card_content form { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; } .card_content .wpforms-field-container { flex: 1 1 auto; } .card_content form input::placeholder { color: var(--white); line-height: 1; } .card_content form input::-ms-placeholder { color: var(--white); line-height: 1; } .card_content form .input_email input { height: 3em; border-radius: .5em; border: 1px solid var(--white); } .card_content form .input_privacy { margin-top: 1em; } .card_content form .input_privacy li { display: flex; align-items: center; justify-content: flex-start; } .card_content form .input_privacy li label { display: inline-block; margin-left: .5em; font-size: 75%; color: var(--white); font-weight: 500; } .card_content form .input_privacy li label a { display: inline-block; font-size: 1em; } .card_content form .wpforms-error { font-size: 75%; line-height: 1.4; font-weight: 700; color: var(--red); margin: .5em 0; padding: .75em 1em .5em 1em; background-color: rgb(var(--dark-blue-rgb) / 50%); border-radius: .5em; } .card_content .wpforms-submit-container { width: 100%; margin-top: 1em; } .card_content form .input_submit { font-size: 100%; font-weight: 700; line-height: 1; text-transform: uppercase; width: 100%; height: 3em; padding: .75em 1em .575em 1em; border-radius: .5em; } #sec_blog .link.link_desktop { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SOCIAL WALL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*#social_wall .gallery { grid-template-columns: 1fr 1fr; grid-gap: 0; } .gallery .gallery_block { display: block; padding-bottom: 100%; border: 1px solid transparent; } .gallery .gallery_block .filter_black { top: auto; bottom: 0; height: 50%; background: -moz-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,.75) 100%); background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,.75) 100%); background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,.75) 100%); opacity: 1; } .gallery .gallery_block .card_content{ padding: .75em; } .gallery .gallery_block h6 { font-size: 75%; line-height: 1.4; font-weight: 700; color: var(--white); text-shadow: 0 0 1em rgba(var(--black-rgb),.25), 0 0 0.25em rgba(var(--black-rgb),.5); } .gallery .gallery_block:active, .gallery .gallery_block:hover { border-color: rgba(var(--yellow-rgb),.75); } .gallery .gallery_block:active h6, .gallery .gallery_block:hover h6 { color: var(--yellow); }*/ /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ESPERIENZE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_esp, .card_blog { text-align: left; } .card_esp a { padding-bottom: 140%; border: 1px solid transparent; border-radius: 1.5em; overflow: hidden; will-change: transform; } .card_filter { top: auto; bottom: 0; background: -webkit-linear-gradient(top, rgba(12,57,112,0) 0%,rgba(12,57,112,0.9) 100%); background: linear-gradient(to bottom, rgba(12,57,112,0) 0%,rgba(12,57,112,0.9) 100%); } .tag_list { top: 0; right: 0; padding: 1.5em; } .tag_list li { padding: .375em 1em; margin-left: .5em; margin-bottom: .5em; border-radius: 20em; border: 1px solid var(--blue); background-color: var(--blue); box-shadow: 0 0 0.25em rgb(30 30 30 / 25%); font-size: 75%; font-weight: 700; color: var(--white); text-align: center; } .card_content { bottom: 0; left: 0; padding: 0 1.5em 1em 1.5em; } .card_esp .card_content { padding: 0 1.5em 2em 1.5em; } .card h2, .card p { color: var(--white); transition: .25s ease; } .card :where(h2, h3, h4, p) { text-shadow: 0 0 .75em rgb(30 30 30 / 50%), 0 0 .25em rgb(30 30 30 / 75%); } .card h2 { font-size: 175%; font-weight: 700; } .card p { margin-top: 1em; font-weight: 500; } .card p.card_date { font-weight: 700 !important; } .card_esp .btn { margin-bottom: 1.25em; padding: .5em 1em .425em 1em; background-color: var(--white); border-radius: .5em; } .card_esp .btn p { margin: 0; color: var(--blue); text-shadow: none; transition: .25s ease; } .card_esp .btn p br { display: none; } .card_esp a:active { border: 1px solid var(--yellow); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_blog a { border: 1px solid transparent; } .card_blog .card_wrapper { display: block; border-radius: 1.5em; background-color: var(--dark-blue); overflow: hidden; } .card_blog picture { aspect-ratio: 3 / 4; } .card_ico { top: 0; right: 0; width: 8em; height: 8em; border-radius: 20em; background-color: rgb(255 255 255 / 25%); padding: 3.5em 2.5em 1em 2em; transform: translate(1em, -2.5em); } .card_ico img { width: 100%; } .tag_list li.tag_rubrica { background-color: var(--white); border-color: var(--white); font-weight: 700; color: var(--black); } .card_blog .card_content { bottom: 3.75em; padding-bottom: 1.5em; } .card_date { margin-bottom: .75em; font-size: 125%; font-weight: 600; color: var(--white); text-transform: uppercase; } .card .share { bottom: 0; left: 0; padding: .5em 1.5em; border-top: 1px solid rgb(255 255 255 / 50%); border-radius: 0 0 1.5em 1.5em; background-color: rgb(var(--blue-rgb) / 37.5%); } .card .share label { display: inline-block; margin-right: .5rem; font-size: 75%; font-weight: 700; color: var(--white); } .card .share .a2a_kit a { float: none; padding: 0; margin: 0; line-height: 1em; border-radius: .25em; } .card .a2a_default_style .a2a_counter img, .card .a2a_default_style .a2a_dd, .card .a2a_default_style .a2a_svg { float: none; background: transparent !important; width: 2.5em; height: 2.5em; padding: .25em; line-height: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD FLOTTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_flotta { border: 1px solid var(--grey); border-radius: 1em; background-color: var(--white); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); overflow: hidden; } .card_flotta .card_gallery { padding-bottom: 62.5%; overflow: hidden; } .card_flotta .card_gallery picture { top: 0; left: 0; padding: 1em; } .card_flotta .card_gallery picture img { object-fit: contain; } .card_flotta .card_gallery picture.sized { padding: 0; transform: translateY(100%); transition: .25s ease; } .card_flotta .card_gallery picture.sized img { object-fit: cover; } .card_flotta:hover .card_gallery picture.sized { transform: translateY(0); } .card_flotta .slider_nav { top: 4em; width: 2em; } .card_flotta .card_content { padding: 2em 1.5em; border-top: 1px solid var(--grey); } .card_flotta .card_content h2 { font-size: 150%; color: var(--blue); text-shadow: none; } .card_flotta .card_content p { color: var(--black); text-shadow: none; } .card_flotta .card_content p.posti { font-size: 100% !important; font-weight: 700 !important; color: var(--blue); text-transform: uppercase; } .card_flotta .book_label { top: 0; right: 0; margin: 0; padding: 0.75em 1em; background-color: var(--light-blue); border-radius: 0 0 0 1em; text-shadow: none; font-weight: 700; } .card_flotta .card_links_wrapper { left: 0; bottom: 0; border-top: 1px solid var(--grey); } .card_flotta .card_links_wrapper a { display: block; width: 50%; padding: 1em; background-color: var(--white); border-radius: 0 0 0 1em; color: var(--blue); text-align: center; } .card_flotta .card_links_wrapper a.btn_yellow { border-left: 1px solid var(--grey); border-radius: 0 0 1em 0; background-color: var(--yellow); } .card_flotta .card_links_wrapper a:hover, .card_flotta .card_links_wrapper a:active, .card_flotta .card_links_wrapper a:focus { background-color: var(--blue); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD HIGHLIGHT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #card_highlight { bottom: 50%; right: 50%; transform: translate(50%,50%); width: calc(100% - 2em); max-width: 24em; max-height: calc(100vh - 2em); background-color: var(--white); box-shadow: 0 0 4em rgb(var(--black-rgb) / 50%), 0 0 0.25em rgb(var(--black-rgb) / 75%); border: 1px solid var(--blue); border-radius: 1em; z-index: 6; } #card_highlight picture { border-radius: 1em 1em 0 0; overflow: hidden; } #card_highlight picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #card_highlight .card_filter { height: 100%; background: -webkit-linear-gradient(top, rgba(12,57,112,0) 0%,rgba(12,57,112,0.75) 100%); background: linear-gradient(to bottom, rgba(12,57,112,0) 0%,rgba(12,57,112,0.75) 100%); } #card_highlight .content { padding: 1.5em; border-radius: 1em; overflow: hidden; } #card_highlight .content h2, #card_highlight .content p { text-shadow: none; } #card_highlight .content h2 { margin-bottom: .75rem; color: var(--blue); } #card_highlight .content p { margin: .75rem 0 0 0; font-size: 85%; color: var(--black); hyphens: auto; } #card_highlight .btn { margin-top: 1rem; } #card_highlight .btn p { margin: 0; font-size: 100%; line-height: 1.25; font-weight: 700; color: var(--blue); } #card_highlight .btn_pdf { margin: 0 auto; max-width: calc(100% - 3em); } #card_highlight .close_btn { top: 0; right: 0; transform: translate(25%, -25%); padding: .5em; line-height: 1; border: 1px solid var(--blue); border-radius: 4em; background-color: var(--white); box-shadow: 0 0 .5em rgb(var(--black-rgb) / 50%), 0 0 .25em rgb(var(--black-rgb) / 50%); } #card_highlight .close_btn svg { width: 1em; height: 1em; } #card_highlight .close_btn svg .st0 { fill: var(--blue); } /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background-color: var(--footer-bkg-color); overflow: hidden; transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEC INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_info { background-color: var(--main-bkg-color); overflow: hidden; } .sec_info .sized { background-position: top; border-bottom: .5em solid var(--white); } .sec_info .shade_w { top: auto; bottom: 0; height: 10vw; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 100%); } .sec_info .container { padding-bottom: 5em; } .form_wrapper { padding: 0 3em 2em 3em; } .form_wrapper { max-width: 34em; margin: 0 auto; padding: 0 1.5em 2em 1.5em; background-color: var(--white); border-radius: 1.5em; text-align: center; } .sec_info .officer { display: none; } .sec_info .logo { width: 8em; margin-bottom: -2em; transform: translateY(-50%); filter: drop-shadow(0 0 .5em rgb(30 30 30 / 25%)); } .form_wrapper h4 { font-size: 150%; color: var(--blue); margin-bottom: 1.5em; } .form_wrapper .grid { grid-template-columns: 1fr; grid-gap: 1em; } .form_wrapper .link span { display: inline-block; vertical-align: middle; } .form_wrapper .link span br { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .foot_content { padding-bottom: calc((15% * var(--vert-ratio)) + 2em); } .foot_block { text-align: center; } .foot_block p, .foot_block a, .foot_block li { color: var(--white); } .foot_block .foot_menu a { padding: .25em 0; } .foot_block a:hover { color: var(--yellow); text-decoration: underline; } /*∞∞∞∞ Blueprint ∞∞∞∞*/ .foot_content .blueprint { display: none; } /*∞∞∞∞ Logo ∞∞∞∞*/ .foot_logo { display: block; --foot-logo-width: 120px; --foot-logo-min: 120; --foot-logo-max: 140; max-width: 140px; padding: .5em; margin: 0 auto 2em auto; filter: drop-shadow(0 0 1px var(--white)); } /*∞∞∞∞ Numero Verde ∞∞∞∞*/ #numero_verde { position: relative; display: inline-block; padding: 1.25em 1.5em 1.25em 3.5em; margin-top: 2em; } #numero_verde svg { position: absolute; top: 0; left: 0; width: auto; height: 100%; } #numero_verde svg .st0 { transition: .25s ease; } #numero_verde span { display: block; font-size: 2.5em; line-height: 1; font-weight: 700; } #numero_verde:hover { text-decoration: none; } #numero_verde:hover svg .st0 { fill: var(--yellow); } /*∞∞∞∞ Foot Menu ∞∞∞∞*/ #foot_block_3 { padding: 15% 0; } .foot_block .menu li a { padding: .25em 0; } /*∞∞∞∞ Social ∞∞∞∞*/ .social { margin: .5em auto 10% auto; max-width: 25em; } .social a { width: 2.5em; padding: .25em; } .social a img, .social a svg { width: 100%; } #foot_block_4 p a { display: inline-block; font-size: 75%; padding: .5em .25em; } #foot_block_4 p br { display: none; } /*∞∞∞∞ Back Top ∞∞∞∞*/ #back_top { bottom: 1em; left: 50%; transform: translateX(-50%); padding: .25em; --back-top-px: 40px; --back-top-min: 40; --back-top-max: 60; max-width: 60px; z-index: 2; } #back_top svg { width: 100%; } #back_top svg circle { opacity: 0.25; fill: var(--white); transition: .25s ease; } #back_top svg path { fill: var(--white); transition: .25s ease; } #back_top:hover svg circle { opacity: .5; } #back_top:hover svg path { fill: var(--yellow); } /*∞∞∞∞ Credits ∞∞∞∞*/ .credits { position: relative; padding: 1em 2.5%; background-color: var(--blue); font-size: 75%; line-height: 1.5rem; color: var(--white); text-align: center; } .credits a { display: inline-block; color: inherit; font-size: 1em; } .credits a:active, .credits a:focus { } .credits .sep { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ POP UP MODALE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .modal_overlay, #modal { display: none; } .modal_overlay { top: 0; left: 0; background-color: rgb(var(--blue-rgb) / 75%); z-index: 11; } #modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 3.5em); background-color: var(--white); box-shadow: 0 0 4em rgb(var(--black-rgb) / 25%), 0 0 1em rgb(var(--black-rgb) / 50%); border-radius: 1em; border: 1px solid rgb(var(--white-rgb) / 50%); z-index: 12; } #modal .modal_head { padding: 1em 1.5em; text-align: center; background-color: var(--blue); border-radius: 1em 1em 0 0 ; overflow: hidden; } #modal .modal_head h4 { color: var(--white); } #modal .content { padding: .5em 0; } #modal .content p { padding: 1.5em; margin: 0; font-size: 85%; } #modal .content li { align-items: flex-start; padding: .75em 1.5em; border-top: 1px solid rgb(var(--blue-rgb) / 12.5%); } #modal .content li:first-of-type { border-top: 0; } #modal .content li img { width: 1.5em; margin-right: 1em; } #modal .content li p { padding: 0; } #modal .close_btn { top: 0; right: 0; transform: translate(50%, -50%); width: 2.5em; height: 2.5em; padding: .625em; background-color: var(--white); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%), 0 0 0.25em var(--black); border-radius: 5em; border: 1px solid var(--blue); overflow: hidden; } #modal .close_btn svg { width: 100%; } #modal .close_btn svg .st0 { fill: var(--blue); } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home .container { height: calc(100vh - 12.125em); min-height: auto; } .lakes_selector { margin-top: 1rem; filter: drop-shadow(0 0 .75rem rgb(30 30 30 / 25%) ); } .lakes_selector .btn { padding: 1rem; background-color: var(--white); border: 1px solid transparent; border-radius: 0; line-height: 1.25; font-weight: 700; color: var(--blue); } .lakes_selector .btn:first-of-type { border-radius: 20rem 0 0 20rem; border-right-color: rgb(30 30 30 / 12.5%); } .lakes_selector .btn:last-of-type { border-radius: 0 20rem 20rem 0; border-left-color: rgb(30 30 30 / 12.5%); } .lakes_selector .btn:hover, .lakes_selector .btn:focus, .lakes_selector .btn:active { border-color: var(--white); background-color: var(--blue); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .main_form_container { max-width: 35em; margin: 0 auto; background-color: rgb(30 30 30 / 5%); border-radius: 1.5em; box-shadow: 0 0 1em rgb(30 30 30 / 12.5%); overflow: hidden; } .main_form { background-color: var(--white); } .main_form .menu_nav { display: flex; position: relative; bottom: auto; right: auto; } .main_form .tabs button { flex: 1 1 auto; padding: 1.25em 1em; background-color: var(--dirt-white); } .main_form .tabs button:hover, .main_form .tabs button:focus, .main_form .tabs button:active {} .main_form .tabs button:first-of-type { border-right: 1px solid rgb(30 30 30 / 5%); } .main_form .tabs button:last-of-type { border-left: 1px solid rgb(30 30 30 / 5%); } .main_form .tabs button svg { width: auto; height: 3em; margin-bottom: 1.5em; } .main_form .tabs button svg .st0 { fill: var(--grey); } .main_form .tabs button p { font-size: 100%; line-height: 1.4; font-weight: 700; color: var(--grey); text-transform: uppercase; transition: .25s ease; } .main_form .tabs button.active { background-color: var(--white); } .main_form .tabs button.active svg .st0 { fill: var(--blue); } .main_form .tabs button.active p { color: var(--blue); } .main_form .tab { padding: 2em 1.5em; } .form_field { margin-bottom: 1em; } .form_field .sel_arrivo, .form_field .select2:nth-of-type(2) { margin-top: 1em; } .form_field select option[data-ferry="yes"]{ background-color: var(--blue); } .form_field.form_info p { font-size: 75%; font-weight: 700; color: var(--blue); } .form_field:last-of-type { margin: 0; } .form_field.form_radio { padding: 0; } .main_form button[type="submit"] { padding-left: 3em; border-radius: .5em; background: url(../images/svg/ico_search.svg) no-repeat 1em center / 1em; background-color: var(--yellow); } .main_form button[type="submit"]:hover, input[type="button"]:hover, [type="button"]:hover, input[type="reset"]:hover, [type="reset"]:hover, input[type="submit"]:hover, [type="submit"]:hover { background-color: var(--light-blue); border-color: var(--dark-blue); color: var(--dark-blue); } .sel_swap { display: block; top: 50%; right: 50%; transform: translate(50%,-50%); width: 2.25em; height: 2.25em; padding: .675em; background-color: var(--white); border: 1px solid var(--blue); border-radius: 10em; z-index: 7; } .sel_swap svg { display: block; width: 100%; transform: rotate(90deg); } .sel_swap svg .st0 { fill: var(--blue); transition: .25s ease; } .select2-container { z-index: 6; } .select2-container.select2-container--open .select2-dropdown { background-color: #efefef; border-color: var(--blue); } .select2-container .select2-search--dropdown { padding: .5em; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--blue); border-radius: .5em; height: auto; padding: .75em .5em .625em .75em; font-size: 100%; color: var(--dark-blue); line-height: 1; background: url(../images/svg/ico_search.svg) no-repeat calc(100% - 1em) center; background-size: 1em; background-color: var(--white); } .select2-results { padding-bottom: .5em; } .select2-container.select2-container--default .select2-results__option--disabled { /*display: none; */ opacity;0.6; cursor: not-allowed; } .select2-container.select2-container--default .select2-results>.select2-results__options { max-height: 52vh; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; } /* .select2-container .select2-results__options li:nth-child(2) { max-width: calc(100% - 1em); margin: .5em auto 1em .5em; padding: .75em 3em .625em 1em; background: url(../images/svg/ico_map.svg) no-repeat calc(100% - 1em) center; background-size: 1.25em; background-color: var(--white); border: 1px solid var(--blue); border-radius: 20em; color: var(--blue); } .select2-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--white); color: var(--dark-blue); } */ .select2-container .select2-results__option { display: flex; align-items: center; justify-content: flex-start; padding: .375em .5em; color: var(--blue); } .select2-container .select2-results__option img { width: 1.25em; margin-right: .5em; } .select2-container .select2-results__option p { font: inherit; color: var(--blue); } .select2-container .select2-results__option:hover p { color: var(--white); } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--light-blue); } .form_field .select2-container { min-width: 100%; } .form_field .select2-container--default .select2-selection--single { display: block; position: relative; height: auto; background-color: transparent; border: 1px solid var(--blue); border-radius: 10em; } .form_field .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .form_field .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-radius: .5em .5em 0 0; } .form_field .select2-container--default .select2-selection--single .select2-selection__rendered { display: flex; align-items: center; justify-content: flex-start; padding: 1em 6.5em 1em 1.25em; font-size: var(--rem); line-height: 1; color: var(--blue); transition: .25s ease; } .form_field .select2-container--default .select2-selection--single .select2-selection__rendered img { margin-right: .5em; } .form_field .select2-container--default .select2-selection--single .select2-selection__rendered p { color: var(--blue); line-height: 1; } .form_field .select2-container--default .select2-selection--single .select2-selection__arrow { display: block; position: absolute; top: 50%; right: 1.25em; width: 1em; height: 100%; transform: translateY(-50%); background: url(../images/svg/arrow_down.svg) no-repeat center / 1em; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { background-image: url(../images/svg/arrow_up.svg) !important; } .form_field .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .form_field .select2-container .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--dirt-white); color: var(--blue); } .form_field .open_map_btn { position: absolute; top: 0; right: 0; display: block; padding: .5em 1em; border: 1px solid transparent; border-radius: 0 20em 20em 0; z-index: 2; } .form_field .open_map_btn img { width: auto; height: 1.25rem; } .main_form hr { margin: 1.5em 0; } .form_field.form_radio .w50 { width: auto; } .form_field input[type=checkbox] + label, .form_field input[type=radio] + label { margin: 0; padding: 1.25em .75em 1em .5em; font-size: 75%; font-weight: 500; line-height: 1; color: var(--blue); text-transform: uppercase; vertical-align: middle; } .form_field input { position: relative; border: 1px solid var(--blue); color: var(--blue); } .form_date { flex: 1 1 auto; max-width: 100%; } .form_time { display: none; } .form_date label, .form_time label { position: absolute; visibility: hidden; overflow: hidden; height: 0; } .form_date input { appearance: none; -webkit-appearance: none; padding-right: 2.5em; min-height: 2.75rem; border-radius: 20em; background: url(../images/svg/ico_calendar.svg) no-repeat calc(100% - 1em) center / 1em; transition: .25s ease; } .form_date { max-width: calc(100% - 7em); } .form_time { display: block; width: 7.5em; } .form_date input { border-radius: 20em 0 0 20em; } .form_time input, .form_time select { appearance: none; -webkit-appearance: none; min-width: calc(5ch + 3.75em); min-height: 2.75em; padding-top: calc(.75em - 1px); padding-bottom: calc(.75em - 1px); border-radius: 0 20em 20em 0; border-left: 0; } .form_time select { padding-top: .75em; padding-bottom: .75em; background: transparent; } .form_time::after { display: block; content: ''; position: absolute; top: 50%; right: 1em; transform: translateY(-50%); width: 1em; height: 1em; background: url(../images/svg/ico_clock.svg) no-repeat center / 1em; } .form_time input[type="time"]::-webkit-inner-spin-button { display: none; } .form_time input[type="time"]::-webkit-calendar-picker-indicator { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .form_field input::placeholder { color: var(--blue); } .form_field input::-ms-placeholder { color: var(--blue); } .form_field input:disabled, .form_field input:disabled + label { filter: grayscale(100%); opacity: .5; } .flatpickr-calendar { overflow: hidden; box-shadow: 0 0 6em rgb(var(--black-rgb) / 25%) !important; } .flatpickr-calendar .flatpickr-months, .flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-time { position: relative; z-index: 1; } .flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-time { background-color: var(--white); } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { height: 44px; color: var(--white); fill: var(--white); } .flatpickr-calendar .flatpickr-months .flatpickr-month { display: flex; align-items: center; justify-content: center; height: 44px; background-color: var(--blue); } .flatpickr-calendar .flatpickr-current-month { font-size: 125%; font-weight: 500; color: var(--white); width: calc(100% - 68px); left: auto; padding: 0 .5em; height: auto; display: flex; align-items: center; justify-content: space-between; gap: .5em; } .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar .flatpickr-current-month input.cur-year { margin: 0; padding: 0; } .flatpickr-calendar .numInputWrapper span { opacity: .75; } .flatpickr-calendar .numInputWrapper span.arrowUp:after, .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: #ffffff; } .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #ffffff; } .flatpickr-calendar span.flatpickr-weekday { font-size: 100%; line-height: 1.25; } .flatpickr-calendar .dayContainer { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: .25em; padding: .5em;} .flatpickr-calendar .flatpickr-day { width: auto; border-radius: 5px; border: 1px solid rgb(var(--grey-rgb) / 50%); background-color: var(--dirt-white); color: var(--dark-blue); } .flatpickr-calendar .flatpickr-day.today { border-color: var(--light-blue); } .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange:hover, .flatpickr-calendar .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay { background: var(--light-blue); color: var(--white); border-color: var(--blue); font-weight: 700; } .flatpickr-calendar .flatpickr-time { border: 1px solid var(--grey) !important; } .flatpickr-calendar .flatpickr-time input:hover, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { background: var(--light-blue); color: var(--white); } .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: var(--white); } .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: var(--white); } .form_options { margin-top: 1.5em; padding: 0 .5em; } .form_options li { margin-right: 1em; } .form_options li input {} .form_options li label { padding: .5em 1em .5em.5em; } .form_accordion { border-top: 1px solid rgb(var(--blue-rgb) / 25%); } .form_accordion:first-of-type { margin-top: 2em; } .form_accordion:last-of-type { border-bottom: 0; } .form_accordion_head { padding: 1em 2em .825em 0; background: url(../images/svg/ico_plus.svg) no-repeat right center / 1.5em; } .form_accordion_head h3 { font-weight: 500; color: var(--blue); text-transform: uppercase; transition: .25s ease; } .form_accordion_head h3:hover { color: var(--light-blue); } .form_accordion_head.active { background-image: url(../images/svg/ico_minus.svg); } .form_accordion_head.active h3 { font-weight: 700; color: var(--light-blue); } .form_accordion_content { display: none; padding: 1.5em 1em; background-color: var(--dirt-white); will-change: height, padding, margin; } .form_accordion_content p { margin-top: 1em; } .form_accordion_content p:first-of-type { margin-top: 0; } .form_accordion_content h5 { margin: 1.5em 0 .25em 0; font-weight: 700; } .form_accordion_content h5:first-of-type { margin-top: 0; } .form_accordion li { padding: .5em; background-color: var(--dirt-white); } .form_accordion .file_list_wrap li { padding: .625em 0; } .form_accordion .file_list_wrap li img, .form_accordion .file_list_wrap li svg { width: 1.5em; margin-right: 1em; } .form_accordion .file_list_wrap li span { display: block; transition: .25s ease; } .form_accordion .file_list_wrap li span.cat { font-size: 75%; line-height: 1.25; font-weight: 700; color: var(--blue); text-transform: uppercase; } .form_accordion .file_list_wrap li a:hover span:not(.cat) { color: var(--blue); text-decoration: underline; } .form_field .has-error.select2-container--default .select2-selection--single { border-color: var(--red); box-shadow: inset 0 0 1px red; } .lake_map_container { display: none; position: fixed; top: .5em; left: .5em; width: calc(100vw - 1em); height: calc(100vh - 1em); background-color: var(--white); border-radius: .5em; z-index: 6; } .lake_map_container.active { display: block; } .lake_map_container .swiper-slide { height: calc(100vh - 1em) !important; background-color: rgb(30 30 30 / 10%); } #main_form_notification { display: none; } #ico_touch { bottom: 2em; right: 2em; width: 6em; opacity: .25; } #map_close_btn { position: fixed; top: .25em; right: .25em; z-index: 2; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LANDING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_lago { overflow: hidden; } #sec_main_form.s3_lago { margin-top: calc(-15% * var(--vert-ratio)); } #sec_contatti .sec_title { margin-bottom: var(--c10v); } #sec_contatti ul { columns: 1; -webkit-columns: 1; column-gap: var(--c10o); column-rule: 1px solid var(--blue); padding: 0; } #sec_contatti li { padding-top: 1.5em; margin-top: 1.5em; border-top: 1px solid var(--blue); } #sec_contatti li:first-child { padding-top: 0; margin-top: 0; border-top: 0; } #sec_contatti li h3 { font-size: 100%; line-height: 1.4; color: var(--blue); text-transform: uppercase; margin-bottom: .5em; } #sec_contatti li span { display: block; } #sec_contatti li span h2, #sec_contatti li span h3, #sec_contatti li span h4, #sec_contatti li span h5, #sec_contatti li span h6 { line-height: 1.4; } #sec_contatti li p a { display: inline-block; text-decoration: underline; } #sec_contatti li p i { display: block; margin: .5em 0; font-size: 75%; color: var(--blue); } #sec_contatti li p img { margin-top: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RISULTATI DI RICERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_results { background-color: var(--blue); } #s1_results.s1_desk { display: none; } #s1_results .filter { background: rgb(12,57,112); background: -webkit-linear-gradient(top, rgba(12,57,112,0) 0%,rgba(23,150,243,1) 100%); background: linear-gradient(to bottom, rgba(12,57,112,0) 0%,rgba(23,150,243,1) 100%); mix-blend-mode: difference; } #s1_results .s1_title { padding-bottom: var(--c15v); } #s1_results .s1_title p { margin-top: 1em; color: var(--white); text-transform: uppercase; } #btn_mod { display: block; z-index: 2; position: fixed; bottom: .75em; left: .75em; width: 3.5em; height: 3.5em; padding: .75em; background-color: var(--blue); box-shadow: 0 0 1em rgb(var(--black-rgb) / 50%); } /* Search Results -> Summary */ #summary { top: 0; left: 0; transform: translateY(calc( 116.5px + ( 166 - 116.5 ) * ( (100vw - 360px) / 920 ) )); padding: 1em .5em 1em 1.5em; background-color: var(--white); box-shadow: 0 0 0.5em rgb(30 30 30 / 25%); border-bottom: 1px solid rgb(30 30 30 / 25%); transition: .25s ease; z-index: 2; } #summary.stuck { transform: translateY(0); } #summary > div { max-width: calc(100% - 3.5em); padding-right: 1em; } #summary p { color: var(--blue); } #summary p.main { font-size: 100%; font-weight: 700; } #summary p.main > span { display: inline-block; position: relative; width: fit-content; max-width: calc(50% - 1.5em); white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; } /*#summary p.main > span::after { display: inline-block; content: ''; position: absolute; top: 0; right: 0; width: 1.5em; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); }*/ #summary p > svg { display: block; width: 1em; margin: 0 1em; } #summary p > svg path { fill: var(--blue); } #summary p.main + p { margin-top: .5em; } #summary p:not(.main) { font-size: 85%; } #summary p:not(.main) > span { display: inline-block; margin-right: .25em; color: rgb(30 30 30 / 50%); font-weight: 700; } /* "Edit" Button */ #edit { width: 3.5em; height: 3.5em; padding: 0.75em; background-color: var(--white); box-shadow: 0 0 .25em rgb(30 30 30 / 25%); border: 1px solid rgb(var(--blue-rgb) / 50%); border-radius: .75em; transition: .25s ease; } #edit > svg { display: block; width: 100%; } #edit > svg path { fill: var(--blue); transition: .25s ease; } /* Search Results -> Edit Form */ .s2_results #main_form.main_form_mobile { position: fixed; top: 0; left: 0; height: 100%; max-width: unset; transform: translateY(-101%); display: flex; align-items: center; justify-content: center; border-radius: 0; overflow: hidden; transition: .25s ease-out; z-index: 6; } .s2_results #main_form.main_form_mobile.edit_active { transform: translateY(0); } .s2_results #main_form.main_form_mobile .sidebar_overlay { display: block; z-index: unset; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .s2_results #main_form.main_form_mobile .sidebar_overlay { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .s2_results #main_form.main_form_mobile .main_form { width: calc(100% - 2em); height: auto; max-height: calc(100% - 2em); max-width: 32em; border: 1px solid rgb(var(--blue-rgb) / 75% ); border-radius: 1em; overflow-y: scroll; box-shadow: 0 0 1.5em rgb(30 30 30 / 25%); } .s2_results #main_form.main_form_mobile .main_form .sel_swap { z-index: 7; } .s2_results #main_form.main_form_mobile button.close { bottom: 0.5em; right: 0.5em; width: 2.5em; height: 2.5em; padding: 0.625em; background-color: var(--white); box-shadow: 0 0 1em rgb(30 30 30 / 50%); border: 1px solid var(--blue); border-radius: 5em; } .s2_results #main_form.main_form_mobile button.close svg path { fill: var(--blue); transition: .25s ease; } .s2_results #main_form.main_form_mobile button.close:hover { background-color: var(--light-blue); border-color: var(--yellow); } .s2_results #main_form.main_form_mobile button.close:hover svg path { fill: var(--yellow); } .result_title { gap: .75em; margin-bottom: 1.5em; } .results_container.p15t { padding-top: calc(var(--c10v) + 2em); } .results_container .result_title h2 { margin-top: 1rem; line-height: 1; color: var(--blue); text-transform: none; text-align: left; } .results_container .result_title p { display: inline-block; font-size: 1rem; line-height: 1.25; font-weight: 300; text-transform: none; } .results_container .ancor_buy { display: flex; background-color: var(--white); color: var(--blue); font-weight: 500; } .results_container .ancor_buy svg { display: inline-block; width: 1.5em; margin-right: 1em; } .results_container .ancor_buy svg path { fill: var(--blue); transition: .25s ease; } .results_container .ancor_buy span { display: inline-block; } .results_container .warning { padding: 1em 1.5em; border: 2px solid var(--red); border-radius: .5em; } .results_container .warning h2 { margin-bottom: .25em; color: var(--red); text-transform: uppercase; } .results_container .warning p { color: var(--red); } .results_container .message { padding: 1em 1.5em; border: 2px solid var(--grey); border-radius: .5em; } .results_container .message p{ color: var(--grey); } .result_tab { width: 100%; background-color: var(--white); box-shadow: 0 0 2em rgb(var(--black-rgb) / 25%); border-radius: .5em; overflow: hidden; } .result_tab .t_head { background-color: var(--blue); } #result_ticket .t_head.grid { grid-template-columns: .75fr 1fr; background-color: var(--blue); } #result_ticket .t_head.grid > .grid { grid-template-columns: 1fr 1fr; } #result_ticket .t_head.grid > .grid p:first-of-type { display: none; } .result_tab .t_head p { font-size: 70%; font-weight: 700; color: var(--white); padding: .75em .75em; text-align: center; } #result_ticket .result_tab .t_head p { text-align: left; padding: 0.75em 0.5em; font-size: 90%; } #result_ticket .result_tab .t_head .grid p:last-of-type { opacity: 0; } .result_tab .mobile_hide { display: none; } .result_tab .t_head p img { width: 1em; margin-left: .25em; } .t_head.grid, .result_row_head.grid, .result_row_sub .grid { grid-template-columns: 1.5fr 1.5fr 1fr .75fr 1fr .5fr; } .tab_reduct .t_head.grid, .tab_reduct .result_row_head.grid, .tab_reduct .result_row_sub .grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr; } .t_body { border-left: 1px solid var(--blue); border-right: 1px solid var(--blue); border-radius: 0 0 .5em .5em; } .result_row { grid-template-columns: 1fr 1fr .5fr; border-bottom: 1px solid var(--blue); transition: .25s ease; cursor: pointer; } .result_row:hover { background-color: rgb(var(--blue-rgb) / 12.5%); } #result_ticket .result_row:hover { background-color: transparent; } .t_body .result_row:last-of-type { text-align: center; } .result_row p { padding: .5rem .5rem; font-size: 85%; color: var(--blue); justify-content: flex-start; } .result_row p select { width: fit-content; padding-right: 3.5em; } .result_row p.note img { width: 2.5em !important; padding: 0 .5em; cursor: pointer; } .result_row .result_row_price p { line-height: 1.25; } .result_row .result_row_price p span { display: inline-block; font-size: 62.5%; font-weight: 700; text-transform: uppercase; } .result_row .result_row_head p { font-size: 100%; } .result_row img { width: 1rem; } .result_row .dettaglio img { margin: -0.25em 0 0 0.25em; } .result_row .close_img { display: none; } .result_row.active .open_img { display: none; } .result_row.active .close_img { display: inline-block; } .result_row_head.grid, .result_row_sub .grid { text-align: center; } .result_row_sub { display: none; } .result_row_sub .grid { background-color: rgb(var(--dirt-white-rgb) / 50%); border-top: 1px solid rgb(var(--black-rgb) / 5%); } .result_row_sub p { font-size: 70%; } .result_tab .t_foot { background-color: var(--yellow); } .result_tab .t_foot a { width: 100%; padding: .75em .5em .675em .5em; font-size: 125%; font-weight: 500; color: var(--blue); text-align: center; } .result_row p.result_total { font-weight: 700; font-size: 175%; } .result_tab_gruppo { grid-template-columns: 1fr; } .result_tab_gruppo .header_sx { display: flex; padding: .5rem; border-bottom: 1px solid var(--blue); } .result_tab_gruppo .header_sx p, { font-size: 85%; font-weight: 700; color:var(--blue); text-transform: uppercase; } .result_tab_gruppo .header_sx p label{line-height: normal;color: var(--blue); line-height: var(--p-line);text-transform: uppercase;font-size: 80%; cursor: pointer;} .result_tab_gruppo .result_row { border: 0; border-bottom: 1px solid rgb(30 30 30 / 25%); } .result_tab_gruppo .result_row b{font-size:120%;} .result_tab_gruppo .result_row:last-of-type { border-bottom: 3px solid var(--blue); } .result_tab_gruppo .result_row:last-of-type { text-align: left; } .result_tab_gruppo .body_dx{opacity: .7;} .result_tab_gruppo.active .body_dx{opacity: 1;} .result_block.result_arrival {} .quantity label { display: none; } .quantity input[type='number'] { padding: .5em; width: calc(4ch + 1em); height: 2.5em; border: 1px solid var(--blue); border-radius: 0; color: var(--blue); text-align: center; } .quantity input.minus, .quantity input.plus { display: none; } .results_container .btn_yellow { display: block; margin: 1.5em auto 0 auto; border-radius: .5rem; font-size: 150%; font-weight: 700; text-align: center; } button#to_checkout:disabled { background-color: #ccc; color: #aaa; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE BIGLIETTI E ETARIFFE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_tariffe .filter_blue { opacity: 1; } .s2_tariffe .main_form_wrapper { padding: 2em 1.5em; background-color: var(--white); border-radius: 1em; } .main_form_wrapper h2 { margin-bottom: 1em; color: var(--blue); text-transform: uppercase; text-align: center; } .s2_tariffe .main_form_wrapper button[type="submit"] { min-width: 50%; } .s2_tariffe .result_tab { margin-bottom: 1.5em; } .s2_tariffe .result_tab_tariffe .t_head h2 { padding: 1rem 1rem .25rem 1rem; font-size: 100%; color: var(--white); } .s2_tariffe .result_tab_tariffe .t_head p { padding: .25em 1rem 1rem 1rem; text-align: left; } .s2_tariffe .result_tab .grid { grid-template-columns: 4fr 2fr 1fr; } .s2_tariffe .result_tab_tariffe .result_row p { text-align: left; padding: 1em; } .s2_tariffe .result_tab .grid p:first-of-type { text-align: left; } .s2_tariffe .result_row_sub { background-color: rgb(var(--dirt-white-rgb) / 50%); border-top: 1px solid rgb(var(--black-rgb) / 5%); padding: .5rem 0; } .s2_tariffe .result_row_foot { padding: .5rem 0; } .s2_tariffe .result_row_foot p { font-size: 75%; } .s2_tariffe .btn_ticket { margin-bottom: 1.5rem; } .condizioni { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid rgb(var(--blue-rgb) / 12.5%); } .condizioni:last-of-type { margin-bottom: 0; padding-bottom: 0; border: none; } .condizioni h2 { font-size: 100%; font-weight: 700; line-height: 1.4; text-transform: uppercase; } .condizioni li { list-style: none; white-space: unset; margin-bottom: .5em; } .condizioni li:last-child { margin-bottom: 0; } #convenzioni .sec_title { margin-bottom: 1rem; } #convenzioni .sec_title h2 { font-size: 200%; } .convenzione { margin-top: 1em; padding-top: 1em; border-top: 1px solid rgb(var(--blue-rgb) / 12.5%); } .convenzione:last-child { margin-bottom: 0; } /*.convenzione .accordion_head h2 { font-size: 150%; line-height: 1.25; }*/ .convenzione .accordion_head h3 { padding-right: 2.5rem; border-bottom: 0; font-size: 150%; } .convenzione .ext_link { display: inline-block; padding: .5em 2em .375em 0; color: var(--blue); text-decoration: underline; background: url(../images/svg/ico_link.svg) no-repeat right center; background-size: 1em; } .convenzione .ext_link:hover { color: var(--light-blue); } .convenzione .accordion_body { display: none; } .convenzione .accordion_body picture { float: left; width: 6em; margin: 0 1.5em 1em 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHECKOUT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_checkout h1 { color: var(--blue); text-shadow: none; } #s2_checkout .container { flex-direction: column-reverse; } #s2_checkout .content { margin-bottom: calc(15% * var(--vert-ratio)); } #s2_checkout .accordion{ margin-top:2em; } #s2_checkout .content .accordion_head::after{ width: 1.5em; } #s2_checkout .content h3 {line-height:1.5; } #checkout { position: relative; top: auto; padding: 1.5em; border-radius: 1em; background-color: var(--white); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); } #checkout .h5 { font-size: 125%; color: var(--blue); text-transform: uppercase; } #checkout table { margin-top: .75em; } #checkout .totale { margin-top: .5em; margin-bottom: .75em; } #checkout tr { border-collapse: collapse; background: var(--white); } #checkout td { font-size: 87.5%; line-height: 1.5; } #checkout #email, #checkout #email_check { margin-bottom: 1em; background-color: transparent; border: 1px solid var(--blue); color: var(--black); } #checkout .warning { display: none; padding: 1em; margin: .25em 0 1em 0; border: 1px solid var(--grey); border-radius: .5em; color: var(--white); } #checkout .warning p { hyphens: unset; font-size: 75%; } #checkout .warning p a { display: inline; font-size: 1em; color: var(--blue); text-decoration: underline; } #checkout .warning hr { margin: .75em 0; background-color: var(--grey); } #checkout .check_block { align-items: flex-start; margin-top: .5em; } #checkout .check_block label { max-width: calc(100% - 1.5em); padding-left: .5em; line-height: 1.5em; } #checkout #pay_now { margin-top: 1em; } #checkout #pay_now img.loader{ position: absolute; top: 50%; left: 1em; margin-top: -20px; display: none; } #checkout #pay_now.loading{ color: rgb(255 255 255 / 50%); } #checkout #pay_now.loading img.loader{ display: block; } #checkout .payment_img { width: 100%; margin-top: 1em; } #s2_checkout .content .box { padding: 1.5em; margin-bottom: 1.5em; border-radius: 1em; border: 1px solid var(--grey); background-color: rgb(var(--white-rgb) / 62.5%); } #s2_checkout .content .box h3 { margin-top: 0; } #s2_checkout .content .box p:last-of-type { margin-bottom: 0; } #s2_checkout .content h3 { margin-top: 2em; font-weight: 700; color: var(--blue); } #s2_checkout .content h3:first-of-type { margin-top: 0; } #s2_checkout .content .accordion.open .accordion_body { display: block; } #s2_checkout .content .box.accordion_body hr { margin: 1.5em auto; } #s2_checkout .content .box.accordion_body .small { display: block; } #s2_checkout .content .box.accordion_body .small p { font-size: inherit; color: var(--black); } #s2_checkout .content .condizioni { font-size: 80%; } #s2_checkout .content .condizioni li { padding: 1.5em 0; border-top: 1px solid rgb(var(--black-rgb) / 12.5); list-style: none; font-size: var(--rem); } #s2_checkout .content .condizioni li:first-of-type { border-top: 0; } #s2_checkout .content .condizioni li h4 { margin-bottom: .25em; font-size: 125%; line-height: 1.5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ABBONAMENTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_abbonamenti .container { flex-direction: column-reverse; } #s2_abbonamenti .page_sidebar { position: relative; top: 0; margin: 0 auto; } #s2_abbonamenti .page_sidebar button { display: block; width: 100%; padding: .75em 1em; margin-bottom: 1em; } #s2_abbonamenti .page_sidebar button:last-of-type { margin-bottom: 0; } #s2_abbonamenti .page_sidebar button h5 { font-size: 100%; color: var(--white); } #s2_abbonamenti .page_sidebar button:hover, #s2_abbonamenti .page_sidebar button:active { background-color: var(--yellow); border-color: var(--yellow); box-shadow: 0 0 .5em rgb(var(--black-rgb) / 25%); transform: scale(1.05); } #s2_abbonamenti .sec_block { overflow: hidden; } #s2_abbonamenti h2 { font-size: var(--h2-size); text-align: center; } #s2_abbonamenti .sec_block .sec_block_content { margin-bottom: calc(10% * var(--vert-ratio)); overflow-x: scroll; } #s2_abbonamenti .sec_block .sec_block_content:last-of-type { margin-bottom: 0 } #s2_abbonamenti .sec_block h3, #s2_abbonamenti .sec_block h4 { font-weight: 700; color: var(--blue); line-height: 1.25; } #s2_abbonamenti .sec_block p img { margin: 0 auto; } #s2_abbonamenti .sec_block table { background-color: var(--white); font-size: 75%; text-align: center; } #s2_abbonamenti .sec_block thead { background-color: rgb(var(--blue-rgb) / 25%); } #s2_abbonamenti .sec_block thead tr:nth-child(even), #s2_abbonamenti .sec_block tfoot tr:nth-child(even) { background: transparent; } #s2_abbonamenti .sec_block tr:nth-child(even) { background-color: var(--dirt-white); } #s2_abbonamenti .sec_block tfoot { background-color: ; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PAGINE ISTITUZIONALI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ #s1_info { background-color: var(--blue); } #s1_info .bkg_thumb, #s1_blog .bkg_thumb, #s1_flotta .bkg_abs, #s1_esp .bkg_thumb { top: 0; right: 0; background-color: rgb(var(--dark-blue-rgb) / 50%); } #s1_info .bkg_thumb > img, #s1_blog .bkg_thumb > img, #s1_flotta .bkg_abs > img, #s1_esp .bkg_thumb > img { opacity: .375; } #s1_info .breadcrumb { justify-content: center; } #s1_info .breadcrumb, #s1_info .breadcrumb a, #s1_info .breadcrumb span { color: var(--white); font-weight: 500; } #s1_info .s1_title { text-align: center; } /*#s1_info .s1_title h1::before { display: block; content: ''; position: relative; width: 5rem; height: 1px; margin: 2rem auto; background-color: var(--white); }*/ #s1_info .s1_title h1, #s1_info .s1_title .h1 { color: var(--white); } #s1_info .s1_title p { margin-top: 1em; font-weight: 500; color: var(--white); } /* Section 2 */ .page_sidebar { width: auto; min-width: 100%; margin-top: calc(10% * var(--vert-ratio)); padding: 2em 1.5em; background-color: var(--white); border-radius: 1.5em; box-shadow: 0 0 .5em rgb(var(--black-rgb) / 25%); } .page_sidebar .submenu_title { display: block; margin-top: 1.5em; margin-bottom: .5em; font-size: 125%; font-weight: 700; color: var(--dark-blue); text-transform: uppercase; } .page_sidebar li:first-of-type .submenu_title { margin-top: 0; } .page_sidebar a { padding: .5em 0; font-weight: 500; line-height: 1.25; color: var(--dark-blue); } .page_sidebar a:hover { color: var(--light-blue); } .page_sidebar .focused a { color: var(--blue); font-weight: 800; } #page_93 #s2_info .content, #page_92 #s2_info .content, #page_2326 #s2_info .content, #page_2328 #s2_info .content { overflow-x: scroll; } #s2_info .sec_block { margin-top: var(--c15v); } #s2_info .sec_block:first-of-type { margin-top: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE AMMINISTRAZIONE TRASPARENTE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .accordion_block { padding: .5em 0; border-bottom: 1px solid var(--blue); } .accordion_head { text-align: left; cursor: pointer; } .accordion_head::after { display: block; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2em; height: 2em; background: url(../images/svg/ico_plus.svg) no-repeat center; background-size: 100%; } .accordion_head.active::after { background-image: url(../images/svg/ico_minus.svg); } .accordion_head h3 { margin: 0; padding: .75em 2em .75em 0; font-size: 150%; line-height: 1.25; font-weight: 700; color: var(--blue); transition: .25s ease; } .accordion_head:hover h3 { color: var(--light-blue); } .accordion_body { display: none; margin-bottom: 1.5em; padding: 1.5em 1em; background-color: rgb(var(--white-rgb) / 75%); border-radius: 0.5em; } .accordion_body h2, .accordion_body h3, .accordion_body h4, .accordion_body h5, .accordion_body h6 { margin-bottom: .5em; font-size: 125%; color: var(--blue); text-transform: uppercase; } .accordion_body p, .accordion_body p a, .accordion_body li { font-size: 100%; font-weight: 500; color: var(--blue); } .accordion_body ul { margin-bottom: 1em; } .accordion_body li { list-style: inside; padding: 0.125em 0; } .accordion_body p a, .accordion_body li a { display: inline; } .accordion_body p a { text-decoration: underline; } .accordion_body p a:hover { color: var(--light-blue); } #Personale .accordion_body ul li, #Bilanci .accordion_body ul li li { position: relative; cursor: pointer; } #Personale .accordion_body ul li ul, #Bilanci .accordion_body ul li li ul { display: none; padding: .5em 1em; background-color: rgb(var(--blue-rgb) / 12.5%); } #Personale .accordion_body ul li ul li, #Bilanci .accordion_body ul li li ul li { list-style: none; } #Personale .accordion_body ul li ul li:last-child { margin-top: .5em; font-size: 85%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE FLOTTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_flotta .filter_blue { opacity: .75; } #s1_flotta .s1_title :where(h1, p) { text-shadow: 0 0 1.25em rgb(var(--black-rgb) / 25%), 0 0 .5em rgb(var(--black-rgb) / 50%); } #s1_flotta .s1_title h1 { word-break: unset; } #s1_flotta .s1_title p { margin-top: 1em; color: var(--white); } #s2_flotta .grid, #s2_esperienze .grid { grid-template-columns: 1fr; grid-gap: 1.5em; } #s2_flotta #book_form { max-width: 32em; margin-top: 1.5em; background-color: var(--blue); border-radius: 1.5em; } #s2_flotta #book_form h2 { padding: 1em 1.5em 0em 1.5em; font-size: 150%; color: var(--white); text-align: center; } #s2_flotta #book_form .wpforms-container { margin-top: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE BANDI DI CONCORSO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PROCESS ORDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_process .wrapper { padding: 1em; border: 2px solid var(--blue); text-align: center; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .content .wpforms-container { padding: 2em 1.5em; border-radius: 1em; background-color: var(--white); box-shadow: 0 0 .5em rgb(var(--black-rgb) / 25%); } .content .wpforms-container .wpforms-field { margin-bottom: 1.5em; } .wpforms-label-hide { visibility: hidden; overflow: hidden; height: 0; } .content .wpforms-container input, .content .wpforms-container textarea { border-color: var(--blue); color: var(--blue); } .content .wpforms-container textarea { background-color: transparent; border: 1px solid var(--blue); } .content .wpforms-field-checkbox input[type=checkbox] { border-color: var(--blue); } .content .wpforms-container input::placeholder, .content .wpforms-container textarea::placeholder { color: rgb(var(--blue-rgb) / 50%); } .wpforms-field-description { padding: .5em 1em; font-size: 85%; line-height: 1.5; opacity: .5; } .wpforms-field textarea { padding: 1em; background-color: var(--dirt-white); border-radius: .75em; } .wpforms-field.wpforms-field-file-upload span { font-size: 75%; opacity: .75; } .wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; } .wpforms-field-checkbox input[type=checkbox] { margin: 0; padding: 0; background-color: transparent; border: 1px solid var(--white); } .wpforms-field-checkbox input[type=checkbox] + label { margin: 0; padding: .75em .5em .65em .5em; font-size: 85%; font-weight: 500; line-height: 1.25; color: var(--blue); vertical-align: middle; } .wpforms-field-checkbox input[type=checkbox] + label a { display: inline-block; font-size: 1em; text-decoration: underline; } .wpforms-submit[type="submit"] { display: block; min-width: 50%; margin: 0 auto; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_contatti .grid { grid-template-columns: 1fr; grid-gap: 2em; } #s2_contatti li, #s3_contatti li { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid var(--dark-blue); } #s2_contatti li:first-child, #s3_contatti li:first-child { margin-top: 0; padding: 0; border: none; } #s2_contatti li h3, #s3_contatti li h3 { font-size: 100%; line-height: 1.5; font-weight: 700; text-transform: uppercase; } #s2_contatti li h6, #s3_contatti li h6 { font-size: 100%; line-height: 1.5; color: var(--dark-blue); } #s2_contatti li p, #s3_contatti li p { margin-top: .5em; } #s2_contatti li a, #s3_contatti li a { display: inline-block; color: var(--dark-blue); } #s2_contatti li p i, #s3_contatti li p i { display: block; font-size: 75%; line-height: 1.25; color: var(--blue); } .tab_contact { background-color: var(--white); box-shadow: 0 0 1em rgb(var(--black-rgb) / 50%); border-radius: .75em; overflow: hidden; } .tab_contact .tab_head { padding: 1em 4em 1em 1.5em; background: url(../images/svg/arrow_down_w.svg) no-repeat calc(100% - 1.5em) center; background-size: 1.5em; background-color: var(--blue); text-align: left; } .tab_contact .tab_head.active { background-image: url(../images/svg/arrow_up_w.svg); } .tab_contact h2 { font-size: 150%; color: var(--white); } .tab_contact .tab_content { display: none; } .tab_contact picture { height: 35vh; } .tab_contact ul { padding: 2em 1.5em; } .tab_contact li img { width: 100%; margin-top: 1em; } #s3_contatti .container { max-width: 1280px; margin-top: 2em; } #s3_contatti .tab_contact { } #s3_contatti .tab_contact h2 { } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_archive, #s1_flotta, #s1_blog { background-color: var(--blue); } #s1_archive, #s1_archive .bkg_abs, #s1_archive .filter, #s1_blog, #s1_tax .bkg_abs, #s1_tax .filter, #s1_tax, #s1_esp, #s1_flotta, #s1_flotta .bkg_abs, #s1_flotta .filter { clip-path: ellipse(100% 55% at 48% 44%); } #s1_archive .card_blog .bkg_abs, #s1_archive .card_blog .filter { clip-path: none; } /* Background */ #s1_archive .bkg_abs { opacity: .75; } #s1_flotta .bkg_abs, #s1_blog .bkg_thumb { opacity: .5; } /* Content */ .s1_archive .s1_title h1 { color: var(--white); white-space: initial; } .searchandfilter { margin-bottom: 1.5em; } .searchandfilter ul { width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; gap: 1em .5em } .searchandfilter ul li { padding: .5em 0; } .searchandfilter ul li:last-of-type { margin-bottom: 0; } .searchandfilter ul li li { position: relative; width: calc(50% - .25em); padding: .75em 1em .675em 1em; background-color: rgb(var(--white-rgb) / 75%); display: flex; align-items: center; justify-content: center; border-radius: .5em; overflow: hidden; } .searchandfilter input[type=radio].sf-input-radio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: transparent; border: 0; border-radius: 0; } .searchandfilter .sf-option-active input[type=radio].sf-input-radio { background-color: var(--blue); } .searchandfilter li label { display: block; position: relative; margin: 0; padding: 0 !important; font-size: 1rem; font-weight: 700; text-transform: uppercase; text-align: center; } .searchandfilter li.sf-option-active label { color: var(--white); } .searchandfilter select { background-color: var(--dirt-white); padding: 1em 3.5em .825em 1.5em; border-radius: .5em; } .s1_archive_alt .s1_title { text-align: center; } .s1_archive_alt .s1_title .breadcrumb { justify-content: center; } .s1_archive_alt .s1_title .breadcrumb, .s1_archive_alt .s1_title .breadcrumb a, .s1_archive_alt .s1_title .breadcrumb span { color: var(--blue); } .s1_archive_alt .s1_title h1 { color: var(--blue); word-break: break-word; } .s1_archive_alt .s1_title p { margin-top: .5em; font-size: 125%; color: var(--dark-blue); } .s1_archive_alt .searchandfilter { margin-bottom: 0; } .filter_block p { font-size: 100%; font-weight: 600; line-height: 1; color: var(--blue); margin-right: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .archive_container .grid { grid-template-columns: 1fr; grid-gap: 1.5em; } .archive_container .sec_title { margin-bottom: 0; } .archive_container .sec_title .h2 { margin-bottom: .5em; } .card.card_empty { padding: 1.5em; background-color: var(--dirt-white); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); border: 1px solid var(--grey); border-radius: 1.5em; text-align: center; } .card.card_empty svg { width: 2.5em; } .card.card_empty svg path { fill: var(--grey); } .card.card_empty h2 { padding-left: 1.5rem; font-size: 100%; line-height: 1.5; color: var(--grey); text-shadow: none; text-align: left; } .s2_archive_alt .container, .s2_archive_alt .grid { padding-top: 2em; } .s2_archive_alt .searchandfilter { margin-bottom: 0; } /* Search & Filter */ .archive_filter { margin-bottom: 2em; } .archive_filter .searchandfilter ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .archive_filter .searchandfilter ul li { padding: 0; margin-bottom: 1em; } .archive_filter .searchandfilter ul li:last-of-type { margin-bottom: 0; } .archive_filter .searchandfilter h4 { margin: 0 0 .25em 0; padding: .25em; font-size: 1em; } .archive_filter .searchandfilter select.sf-input-select { min-width: 0; padding: .85em 2em .75em 1em; line-height: 1.25; } /* Pagination */ .archive_container .nav-links { display: flex; align-items: center; justify-content: center; gap: .5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .archive_blog .s1_archive { overflow: hidden; padding-bottom: 5%; } .archive_blog .s1_archive .main_bkg { filter: blur(20px); transform: scaleX(1.05); clip-path: ellipse(100% 55% at 50% 44%); } .archive_blog .s1_archive h1 .smaller { font-size: .75em; } .archive_blog .s1_archive > .wrapper { max-width: 1920px; margin: 0 auto; } .s1_archive .card_blog { padding: 0; } .sec_newsletter .wrapper { border-radius: 1.5em; background-color: var(--blue); overflow: hidden; } /*.sec_newsletter .wrapper picture { background: rgb(23,150,243); background: -webkit-linear-gradient(225deg, rgba(23,150,243,1) 0%,rgba(12,57,112,1) 100%); background: linear-gradient(225deg, rgba(23,150,243,1) 0%,rgba(12,57,112,1) 100%); } .sec_newsletter .wrapper picture > img { filter: saturate(1.125) brightness(.85) drop-shadow(-1.5em 1em 1em rgba(30 30 30 / 50%)); }*/ .sec_news_form { width: 100%; padding: 10% 5%; } .sec_news_form img { display: none; } .sec_news_form .content { text-align: center; } .sec_news_form p:not(.notice) { margin-bottom: 1em; line-height: 1; font-weight: 500; color: var(--white); text-decoration: underline; } .sec_news_form h2 { margin-bottom: .75em; font-size: 150%; font-weight: 700; color: var(--white); text-transform: uppercase; } .sec_news_form p.notice { margin-top: 1.5em; line-height: 1.25; color: var(--yellow); } /* WP Form x Newsletter ( Disattivato ) */ .sec_news_form .content .wpforms-container { padding: 0; border-radius: 0; background-color: transparent; box-shadow: none; } .sec_news_form .content .wpforms-container .wpforms-field { margin-bottom: 1em; } .sec_news_form .content .wpforms-container input { border-color: var(--white); padding: 1em; color: var(--white); } .sec_news_form .content .wpforms-container input::placeholder { color: var(--white); text-decoration: underline; opacity: .5; } .sec_news_form .content .wpforms-container input::-ms-placeholder { color: var(--white); text-decoration: underline; } .sec_news_form .content .wpforms-container input[type=checkbox] { padding: 0.75em; background-color: transparent; } .sec_news_form .content .wpforms-container input[type=checkbox]:checked { background: url(../images/svg/checked_w.svg) no-repeat center center; background-size: 1.25em; } .sec_news_form .content .wpforms-container input[type=checkbox]:not(.switch):after { display: none; } .sec_news_form .content .wpforms-field-checkbox input[type=checkbox] + label { color: var(--white); } .sec_news_form .content .wpforms-submit[type="submit"] { width: 100%; text-transform: uppercase; font-weight: 700; } /* MAILUP Form x Newsletter */ #news_form .form_input { width: 100%; margin-bottom: 1em; } #news_form label.hide { display: none; } #news_form .form_input input { border-radius: .5em; border-color: var(--white); padding: 1em; color: var(--white); } #news_form .form_input input::placeholder { color: rgb(var(--white-rgb) / 75%); } #news_form .form_check label { display: flex; align-items: center; justify-content: flex-start; font-size: 75%; line-height: 1; color: var(--white); } #news_form .form_check input { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 1.25em; padding: 0; margin-right: .75em; } #news_form .form_check input:checked { background-image: url(../images/svg/checked_w.svg); } #news_form .form_check input::after { display: none; } #news_form .form_check a { display: inline-block; font-size: 1em; text-decoration: underline; margin-left: 1ch; } #news_form button[type="submit"] { width: 100%; padding: 0.75em 2em; border-radius: .5em; text-transform: uppercase; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE AVVISI & NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_avvisi .info_block { max-width: 34em; margin: 1em auto 0 auto; border-radius: 1em; background: var(--blue); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); } #s1_avvisi .info_block h4 { font-size: 150%; text-align: center; margin-bottom: 1.5rem; } .s2_archive_alt .grid { grid-template-columns: 1fr; grid-gap: 2em; } .card_avviso { justify-content: flex-start; cursor: pointer; } .card_avviso, .card_rassegna, .card_news, .card_bandi { background-color: var(--white); box-shadow: 0 0 1.5em rgb(var(--black-rgb) / 25%); border-radius: 1em; overflow: hidden; } .card_avviso .card_head, .card_news .card_head, .card_bandi .card_head { padding: 1.5em; border-radius: 1em; background-color: var(--white); z-index: 1; } .card_avviso .card_head_wrapper > div { gap: 1em; } .card_avviso .card_date { flex: 1 1 auto; margin: 0; font-size: 100%; line-height: 1.25; color: var(--blue); } .card_avviso .card_date.date_mobile { width: 100%; } .card_avviso .card_date.date_desktop { display: none; } .card_avviso .card_head h2, .card_bandi .card_head h2 { width: 100%; line-height: 1.25; color: var(--black); } .card_bandi .card_head h2 { margin-bottom: 1.5rem; } .card_avviso .card_head h2 { margin-top: 1.5rem; } .card_bandi .card_head h2 { margin-bottom: 0; font-size: 125%; line-height: 1.5; } .card_avviso .tag_list, .card_news .tag_list, .card_bandi .tag_list { position: relative; top: auto; right: auto; padding: 0; } .card_avviso .tag_list li, .card_news .tag_list li, .card_bandi .tag_list li { display: inline-block; margin: 0; } .card_avviso .card_wrapper, .card_news .card_wrapper, .card_bandi .card_wrapper { display: none; border-top: 1px inset rgb(var(--blue-rgb) / 25%); } .card_avviso .card_content, .card_news .card_content, .card_bandi .card_content { position: relative; bottom: auto; left: auto; padding: 1.5rem; } .card_avviso .card_content h2, .card_avviso .card_content h3, .card_avviso .card_content h4, .card_avviso .card_content h5, .card_avviso .card_content h6, .card_news .card_content h2, .card_news .card_content h3, .card_news .card_content h4, .card_news .card_content h5, .card_news .card_content h6 { font-family: inherit; font-size: 125%; line-height: 1.25; color: var(--blue); } .card_avviso .card_content p, .card_news .card_content p { margin-top: .5em; } .card_avviso .card_content p:first-of-type, .card_news .card_content p:first-of-type { margin: 0; } .card_content p, .card_content p span, .card_news p, .card_news p span { font: inherit !important; line-height: 1.6 !important; } .card_content p a, .card_news p a { display: inline-block; color: var(--blue); text-decoration: underline; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE RASSEGNA STAMPA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_rassegna picture { padding-bottom: 40%; border-radius: 1em 0 0 1em; background-color: var(--nav); overflow: hidden; } .card_rassegna picture img, .card_news picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: contain; } .card_rassegna .content { padding: 2em 1.5em; } .card_rassegna .content_head, .card_news .content_head { margin-bottom: .75em; } .card_rassegna .date, .card_news .date { margin: 0; font-weight: 700; color: var(--blue); text-transform: uppercase; } .card_rassegna .date span { display: inline-block; font-weight: 300; color: var(--dark-blue); text-transform: none; } .card_rassegna h2, .card_news h2 { margin-bottom: .5em; color: var(--dark-blue); } .card_rassegna .btn_pdf_w { margin-top: 1.5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE AREA STAMPA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_stampa .container { flex-direction: column-reverse; } #press_btn { margin: 1em auto; padding: 1em 2em; max-width: 28em; } .press_kit { position: relative; width: auto; max-width: 28em; padding: 2em 1.5em; margin-bottom: 1.5rem; box-shadow: 0 0 .5em rgb(var(--black-rgb) / 50%); background-color: var(--blue); border-radius: 1em; overflow: hidden; transition: .5s ease; will-change: width, min-height, padding; } .press_kit h2 { position: relative; margin-bottom: .5em; font-size: 150%; color: var(--white); text-align: center; transition: .5s ease; } .press_kit li { white-space: initial; margin-top: .75em; } .press_kit li:first-child { margin-top: 0; } .press_kit li a.btn_pdf_w { border-color: var(--white); } .press_kit a img { width: 1.5rem; margin-right: .75rem; } .press_kit a p { white-space: nowrap; } .card_news .card_head { padding: 0; } .card_news .card_head picture { position: relative; width: 100%; height: 20vh; } .card_news picture img { object-fit: cover; } .card_news .card_head_wrapper { padding: 1.5rem; } .card_news .date { margin-bottom: .5em; text-transform: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE BANDI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_bandi { background-color: var(--blue); } #s1_bandi .breadcrumb, #s1_bandi .breadcrumb span, #s1_bandi .breadcrumb a, #s1_bandi h1 { color: var(--white); } #s2_bandi h2.title { margin-top: 3rem; font-weight: 700; line-height: 1.4; color: var(--blue); text-align: center; } #s2_bandi h2.title:first-of-type { margin-top: var(--c15v); text-transform: uppercase; } #s2_bandi .container { padding-top: 0; } #s2_bandi .grid:last-of-type { padding-bottom: 0; border: none; } .card_bandi .btn_more { margin-top: 1.5em; } .card_bandi .card_date { font-size: calc(var(--rem) * 1.25); } .card_bandi .card_date span { font-weight: 700; } .card_bandi .card_date br { display: none; } .card_bandi p.card_rif { font-weight: 700 !important; } .card_bandi .pdf_list a { display: inline-block; margin-top: 1.5em; word-break: break-all; } .card_bandi .card_foot { padding: 1.5em; border-top: 1px solid rgb(var(--blue-rgb) / 25%); gap: 1.5em; } .card_bandi .card_foot p { font-weight: 500; } .card_bandi .card_foot a {} #s2_bandi .grid, .wrapper_accordion { border-bottom: 1px solid rgb(var(--blue-rgb) / 75%); } .wrapper_accordion_head::after { display: inline-block; content: ''; width: 1.5em; height: 1.5em; margin-left: 1.5em; background: url(../images/svg/arrow_down.svg) no-repeat center center / 100%; } .wrapper_accordion_head.active::after { background-image: url(../images/svg/arrow_up.svg); } #s2_bandi .wrapper_accordion_head h2.title { margin-top: 0; padding-top: .25em; } .wrapper_accordion .grid { display: none; } .wrapper_accordion .grid .card_bandi:not(:first-of-type) { margin-top: 3em; } .card_bandi.card_bandi_deactive, .card_bandi.card_bandi_deactive .card_head { background-color: #cccccc; } .card_bandi.card_bandi_deactive .card_date p, .card_bandi.card_bandi_deactive h2 { color: #888888; } .card_bandi.card_bandi_deactive .tag_list li { border-color: #888888; background-color: #888888; } .card_bandi.card_bandi_deactive .pdf_list a { background-color: var(--grey); border-color: var(--grey); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE SERVIZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_service { padding: 1em 2em; margin-bottom: 2em; border-radius: 1em; border: 1px solid var(--blue); background-color: var(--blue); } .card_service * { transition: .25s ease; } .card_service h2 { color: var(--white); } .card_service svg { display: block; width: 2em; min-width: 2em; } .card_service svg .svg_path { fill: var(--white); } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .single .breadcrumb, .single .breadcrumb a, .single .breadcrumb span { text-shadow: 0 0 .25rem rgb(var(--black-rgb) / 75%), 0 0 0.5em rgb(var(--black-rgb) / 50%), 0 0 2em rgb(var(--black-rgb) / 25%); } .single .tag_list li { border-color: var(--white); } .single .s1_title { width: 100%; } .single .s1_title h1 { font-size: calc(var(--h1-size) * .85); line-height: 1.4; } #s1_esp .filter { z-index: 1; } #s1_esp .container { top: 0; left: 0; z-index: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .single_intro .date { margin-bottom: 1em; font-weight: 500; color: var(--dark-blue); } .single_intro .intro p::first-letter { display: inline-block; content: ''; float: left; padding: .25em .375em; margin-right: .25em; background-color: var(--blue); font-size: 250%; line-height: 1; color: #ffffff; } .single_intro .intro p { font-size: 125%; font-weight: 500; color: var(--blue); } .single_block { margin-top: 2em; } .single_block:first-of-type { margin-top: 0; } .single_block h2, .single_block h3, .single_block h4, .single_block h5, .single_block h6 { line-height: 1.4; } .single_block h2 { font-size: 175%; } .single_block h3 { font-size: 150%; font-weight: 700; color: var(--blue); } .single_block h4 { font-size: 125%; } .single_block h5, .single_block h6 { font-size: 125%; } .single_block p, .single_block ul, .single_block ol { margin-top: 1rem; } .single_block p { font-size: 112.5%; line-height: 1.75; } .single_block p strong { color: var(--dark-blue); } .single_block li { margin: .25em 0 0 1em; font-weight: 300; list-style: disc; } .single_block li:first-child { margin-top: 0; } .single_block p a, .single_block li a { display: inline-block; font-weight: 500; color: var(--dark-blue); text-decoration: underline; } .single_block p img { width: 100%; } #single_gallery + #single_gallery_thumbs { margin-top: .5em; } #single_gallery .swiper-slide a { display: block; line-height: 0; } #single_gallery .swiper-slide a picture { top: 0; left: 0; } #single_gallery .swiper-slide a p { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; color: var(--white); font-weight: 500; background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,0.9) 100%); background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,0.9) 100%); } .gallery_thumb { margin-top: .25em; } .gallery_thumb button { display: block; } .gallery_thumb img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; } .single_link { padding: 1.5em; border-radius: .5em; background-color: var(--yellow); } .single_link h3 { margin-top: 0; font-size: 150%; } .single_link p { font-weight: 500; color: var(--blue); } .single_link img.arrow { display: block; margin: .5em 0 0 auto; width: 2em; } .single_cit { padding: 0 1.5em; } .single_cit .h3 { font-size: 125%; font-style: italic; color: var(--blue); line-height: 1.4; } .single_cit span { display: block; margin-top: .5em; font-size: 1rem; text-align: right; color: var(--dark-blue); } .s2_single .share { margin-top: 1.5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .single .sidebar { position: fixed; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; transform: translateY(-100%); padding: 1em; transition: .25s ease; overflow: visible; z-index: 2; } .single .sidebar.active { transform: translateY(0); } .sidebar .mobile_overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgb(var(--dark-blue-rgb) / 75%); z-index: 1; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .sidebar .mobile_overlay { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } } .sidebar .mobile_overlay.active { display: block; } .sidebar .post_nav { display: none; } .sidebar .index { display: block; flex: 1 1 auto; position: relative; padding: 0; border-radius: .5em; background-color: var(--white); box-shadow: 0 0 .25em rgb(var(--black-rgb) / 25%); transition: .25s ease; z-index: 2; overflow: hidden; } .sidebar .index li { position: relative; width: 100%; display: flex; justify-content: flex-start; align-items: center; } .sidebar .index button { font-weight: 400; line-height: 1.25; color: #656565; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; transition: .25s ease; } .sidebar .index button br { display: none !important; } .sidebar .index li:hover button, .sidebar .index li:active button { color: var(--blue); } .sidebar .index li.active button { color: var(--blue); text-decoration: underline; transform: scale(1.05); } .sidebar .index.opened { max-height: 100%; } .sidebar .index:before { display: inline-block; content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 50px; background: url(../images/svg/ico_index.svg) no-repeat center / 1em; } .sidebar .index:after { display: inline-block; content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 50px; background: url(../images/svg/arrow_down.svg) no-repeat calc(100% - .75em) center / 1em; } .sidebar .index.opened:after { transform: scale(1, -1); } .sidebar .index .index_select:before, .sidebar .index .index_select:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: .625em; background-color: var(--white); z-index: 1; } .sidebar .index .index_select:after { top: auto; bottom: 0; } .sidebar .index .index_select { display: flex; justify-content: flex-start; width: 100%; height: 50px; overflow: hidden; z-index: 1; } .sidebar .index .index_select ul { width: 100%; padding: 0 40px; will-change: transform; transition: .25s linear .025s; } .sidebar .index .index_select li { padding: 0; } .sidebar .index ul { position: relative; padding-left: 2.75em; box-sizing: border-box; transition: .25s ease; } .sidebar .index ul.opened { height: auto; padding-bottom: .75em; } .sidebar .index li { position: relative; padding-right: 2em; } .sidebar .index .index_list li:before { display: inline-block; content: ''; position: absolute; left: 0; top: 50%; transform: translate(-1.5em, -50%); width: .5em; height: .1em; background-color: var( --blue); } .sidebar .index li button { width: 100%; font-size: 1.25em; height: 50px; color: var(--blue); text-align: left !important; } .sidebar .index li button center, .sidebar .index li button span { text-align: left !important; } .sidebar .index .index_trigger { position: absolute; top: 0; right: 0; width: 100%; height: 50px; } .sidebar .index .index_trigger.hide { display: none; } .sidebar .index .index_list { display: none; overflow: hidden; transition: auto; } .sidebar .index .index_list:before { display: inline-block; content: ''; position: absolute; top: 0; left: 1em; width: calc(100% - 2em); height: 1px; background-color: #ccc; } .sidebar .index li.active button { color: var(--blue); text-decoration: none; transform: none; } .sidebar .share { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: auto; margin: 0 0 0 .5em; filter: drop-shadow( 0 0 .25em rgb(30 30 30 / 25%) ); z-index: 2; transition: .25s ease; } .sidebar .share button { display: flex; align-items: center; justify-content: center; background-color: var(--blue); border-radius: .5em; width: 50px; height: 50px; padding: .5em; line-height: 0; transition: .25s ease; } .sidebar .share.shrinked { margin: 0; } .sidebar .share.shrinked button { width: 0; padding: 0; } .sidebar .share button img { height: auto; } .sidebar .share button img.canc_img { display: none; } .sidebar .share.opened button { background-color: #ffffff; } .sidebar .share.opened button img.share_img { display: none; } .sidebar .share.opened button img.canc_img { display: block; } .sidebar .share h4 { display: none; } .sidebar .share .a2a_kit { display: none; gap: .5em; position: absolute; right: 0; top: calc(50px + .5em); } .sidebar .share .a2a_kit a { float: none; margin-bottom: .5em; } .sidebar .share .a2a_kit a span { filter: drop-shadow(0 0 .25em rgb(30 30 30 / 25%) ); } .sidebar .share .a2a_default_style .a2a_counter img, .sidebar .share .a2a_default_style .a2a_dd, .sidebar .share .a2a_default_style .a2a_svg { float: none; } .sidebar { margin-bottom: 5%; } .single_img { height: 260px; } .single_focus { max-width: 40rem; margin: 7.5% auto 0 auto; } .sidebar_content_i { padding: 5%; } .single_sx img { width: 90%; max-width: 280px; margin-bottom: 5%; } .sidebar_content h4 { margin-bottom: 1.25%; } .sidebar_content p { margin-bottom: 5%; } .sidebar_content a { margin-top: 2.5%; } .sidebar { display: none; } .sidebar.sidebar_mobile { display: block; } .sidebar .sidebar_contact h4 { margin-bottom: .5em; font-size: 150%; color: var(--white); text-transform: uppercase; text-align: center; } .sidebar .wpforms-field { margin-bottom: .75em; } .sidebar .wpforms-form input::placeholder { color: var(--white); } .sidebar .wpforms-form input::-ms-placeholder { color: var(--white); } .sidebar .wpforms-form textarea { background-color: transparent; border: 1px solid var(--white); } .sidebar .wpforms-form textarea::placeholder { color: var(--white); } .sidebar .wpforms-form textarea::-ms-placeholder { color: var(--white); } .sidebar .wpforms-field-checkbox li { justify-content: center; } .sidebar .wpforms-form input[type=checkbox]:hover { border-color: var(--white); } .sidebar .wpforms-form input[type=checkbox]:checked { background: url(../images/svg/checked_w.svg) no-repeat center / 1.25em; } .sidebar .wpforms-form input[type=checkbox]::after { display: none; } .sidebar .wpforms-form input[type=checkbox] + label { color: var(--white); } .sidebar .wpforms-submit[type="submit"] { text-transform: uppercase; } .sidebar .sidebar_file { margin-top: 1em; padding: 1.5em 1em; background-color: var(--light-blue); } .sidebar .sidebar_file h4 { font-size: 150%; text-align: center; } .sidebar .sidebar_file a { border-radius: 20em; border: 1px solid var(--white); background-color: var(--white); padding: 1em 1.5em; } .sidebar .sidebar_file a span { display: block; padding-top: .25em; color: var(--blue); overflow: hidden; text-overflow: ellipsis; } .sidebar .sidebar_file a img { margin-left: .5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE ESPERIENZA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_esp .sidebar { transform: none; top: auto; left: auto; position: relative; flex-wrap: wrap; max-width: 24em; padding: 0; margin-top: calc(10% * var(--vert-ratio)); } #s2_esp .sidebar .sidebar_block { border-radius: .5em; overflow: hidden; box-shadow: 0 0 1.5em rgb(var(--black-rgb) / 25%); } #s2_esp .sidebar .sidebar_book { background-color: var(--blue); text-align: center; } #s2_esp .sidebar .sidebar_price { padding: 1em; } #s2_esp .sidebar .sidebar_price p { font-size: 175%; font-weight: 700; color: var(--white); } #s2_esp .sidebar .sidebar_info { padding: 1rem 0.5rem; background-color: rgb(var(--light-blue-rgb) / 35%); } #s2_esp .sidebar .sidebar_info p { padding: 1em; font-size: 75%; color: var(--white); text-align: left; } #s2_esp .sidebar .sidebar_action { padding: 1em; } #s2_esp .sidebar .sidebar_action a { padding: 1em 1.5em .875em 1.5em; font-weight: 700; text-transform: uppercase; } #s2_esp .sidebar .share { flex-wrap: wrap; width: 100%; margin: 0; padding: 0 1em 1em 1em; filter: none; } #s2_esp .sidebar .share h4, .sidebar .sidebar_file h4 { display: block; margin-bottom: .5em; font-size: 100%; color: var(--white); font-weight: 700; text-transform: uppercase; opacity: .625; } #s2_esp .sidebar .share .a2a_kit { position: relative; right: auto; top: auto; display: flex; justify-content: center; width: 100%; } #s2_esp .sidebar .sidebar_contact { margin-top: 1em; padding: 1.5em 1em; background-color: var(--blue); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE FLOTTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_nave .s1_title { text-align: center; } #s1_nave .breadcrumb { justify-content: center; } #s1_nave .breadcrumb, #s1_nave .breadcrumb a, #s1_nave .breadcrumb span { line-height: 1.5; color: var(--blue); text-shadow: none; } #s1_nave .s1_title h1 { font-size: 200%; color: var(--blue); text-shadow: none; } /* Gallery */ .single_gallery img { object-fit: cover; } .single_gallery img.abs { top: 0; left: 0; } .single_gallery_nav { margin-top: .75em; } .single_gallery .slider_nav { top: auto; left: auto; right: auto; transform: none; width: 3.5em; padding: 1em; } #s1_nave .single_gallery .slider_dots { left: auto; width: auto; margin-top: 0; padding: 0 1em; } .single_gallery .swiper-slide { border-radius: 1em; overflow: hidden; } .single_gallery .swiper-slide > a { white-space: unset; } .single_gallery .swiper-slide > a button.zoom { top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 3.5em; height: 3.5em; padding: 0.75em; background-color: rgb(var(--white-rgb) / 75% ); border-radius: 2em; opacity: 0; transition: .5s ease; } .single_gallery .swiper-slide > a button.zoom svg { width: 100%; } .single_gallery .swiper-slide > a button.zoom svg path { fill: var(--blue); } /* Specs */ #s1_nave .spec_chart { margin-top: 1.5em; } #s1_nave .wrapper h2 { margin-bottom: 1rem; font-size: 150%; text-align: center; } #s1_nave .spec_chart .grid { grid-template-columns: 1fr 1fr; background-color: var(--white); border-radius: 1em; border: 1px solid var(--blue); overflow: hidden; } #s1_nave .spec_chart .grid p { font-weight: 700; color: var(--blue); padding: 1em 1.5em; border-bottom: 1px solid rgb(var(--blue-rgb) / 25%); } #s1_nave .spec_chart .grid p:nth-of-type(odd) { font-weight: 500; color: var(--dark-blue); border-right: 1px solid rgb(var(--blue-rgb) / 25%); padding-right: .75em; } #s1_nave .spec_chart .grid p:nth-of-type(even) { padding-left: .75em; } /* Content */ #s1_nave .content .link_wrapper { margin-top: 2em; gap: 1em; } #s1_nave .content .link_wrapper .btn_yellow { padding: 1em 2em 0.875em 2em; border-radius: 0.5em; font-weight: 700; color: var(--blue); text-transform: uppercase; } #s1_nave .content .btn_pdf { display: inline-block; } /* Booking Form */ #s1_nave #book_form h2 { text-align: left; } #book_form .book_price { font-size: 125%; font-weight: 700; } #book_form p, #book_form ul { margin-top: 1rem; } #book_form li { list-style: inside; color: var(--black); } #book_form .wpforms-container { margin-top: 2em; padding: 1.5em; background-color: var(--blue); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); border-radius: 1em; overflow: hidden; } #book_form .wpforms-field { margin-bottom: .75em; } #book_form .wpforms-field input { padding: 0.75em 0.75em 0.675em 0.75em; background-color: transparent; border: 1px solid var(--white); border-radius: 0.5em; font-size: 100%; line-height: 1.25; color: var(--white); } #book_form .wpforms-field input::placeholder, #book_form .wpforms-field textarea::placeholder { color: rgb(var(--white-rgb) / 50%); } #book_form .wpforms-field textarea { padding: .5em .75em; background-color: transparent; border: 1px solid var(--white); } #book_form .wpforms-error { margin-top: .5rem; padding: 0 .5em; font-size: 75%; font-weight: 700; color: var(--red); } #book_form .wpforms-field ul { margin: 0; } #book_form .wpforms-field input[type=checkbox] { padding: .825em; } #book_form .wpforms-field input[type=checkbox]:checked { background: url(../images/svg/checked_w.svg) no-repeat center / 1.25em; } #book_form .wpforms-field input[type=checkbox]::after { display: none; } #book_form .wpforms-field input[type=checkbox] + label { padding-left: 1em; color: var(--white); } /* Related */ #single_rel .nav_wrapper { margin-top: .75em; gap: 1.5em; } #single_rel .nav { width: 3em; padding: .5em; } #single_rel .nav svg { width: 100%; } #single_rel .nav svg path { fill: var(--blue); } #single_rel .nav_prev {} #single_rel .nav_next {} #single_rel .slider_dots { margin-top: 0; } #single_rel .swiper-pagination-bullets-dynamic { font-size: var(--rem); margin-top: 0; white-space: nowrap; } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie h2, #s1_grazie p { color: var(--white); } #s1_grazie { text-align: center; background-color: var(--blue); } #s1_grazie .bkg_thumb { opacity: .5; } #s1_grazie .filter { opacity: .75; } #s1_grazie .s1_title .link { width: fit-content; margin: 1.5em auto 0 auto; font-weight: 800; text-transform: uppercase; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_404 img { width: 50%; max-width: 14em; margin: 0 auto 1em auto; } #page_404 h1 { color: var(--blue); } #page_404 p {} #page_404 .link {} #page_404 .links_wrapper { margin-top: 1.5em; gap: 1.5em; } #page_404 .links_wrapper .link { margin: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * FLUID RESPONSIVE * * Settare se necessario regole fluid per minmax di elemtni 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 ) ) * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (max-width: 1920px) { .s1 .container, .menu_mobile, .menu_container, .menu_slogan, .menu_grid, .s2_results { padding-top: calc( 116.5px + ( 166 - 116.5 ) * ( (100vw - 360px) / 920 ) ); } header.stuck .menu_mobile { padding-top: calc( 108px + ( 146 - 108 ) * ( (100vw - 360px) / 1560 ) ); } .hamburger_btn { font-size: calc( var(--hamburger-px) + ( var(--hamburger-max) - var(--hamburger-min) ) * ( (100vw - 360px) / 1560 ) ); } .scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); } } @media screen and (max-width: 1280px) { .head_logo_width { --logo-width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 920 ) ); width: var(--logo-width); } } /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ /* Nav Menu Mobile */ /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ /* Content */ /* Sidebar Avvisi */ /* Sidebar Menu */ /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ /* Info Banner */ .sec_info .officer { bottom: -5em; width: auto; height: 110%; z-index: 1; } .sec_info .officer_l { left: 0; transform: translateX(-90%); } .sec_info .officer_r { right: 0; transform: translateX(90%); } /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ .card_avviso .card_date br, #sidebar li .news_card p.card_date br { display: none; } /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ #sec_contatti ul { columns: 2; -webkit-columns: 2; } /* Template Risultati di Ricerca */ #summary > div { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } #summary p { width: 50%; } #summary p.main { width: 100%; } .result_title { gap: 1em; } .result_row p { padding: .75em .75em; font-size: 100%; } .result_row_sub p { font-size: 75%; } /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ #s2_flotta .grid, #s2_esperienze .grid { grid-template-columns: 1fr 1fr; } /* Archive Blog */ .archive_blog .s1_archive h1 .smaller { font-size: 1em; } .s1_archive .card_blog picture { aspect-ratio: 4 / 3; } #archive_container .archive_filter .searchandfilter ul li { margin-bottom: 0; } /* Archive Avvisi & News */ /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 -> 1280 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ /* Nav Menu Mobile */ .menu_mobile button, .menu_mobile a { padding: 1em 1.5em; } .menu_mobile.level_1 button img, .menu_mobile.level_1 a img { width: 2.5em; margin-right: 1.5em; } .menu_mobile.level_1 button span, .menu_mobile.level_1 a span { font-size: 175%; } .menu_mobile.level_1 ul li button.menu_back { width: 5.5em; } .menu_mobile.level_2 { width: calc(100% - 5.5em); } .menu_mobile.level_2 li button, .menu_mobile.level_2 li a { font-size: 112.5%; } .menu_notice a span { margin-bottom: .75em; font-size: 87.5%; } /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ .texture { background-size: 15%; } /* Content */ /* Sidebar Avvisi */ #sidebar { bottom: 2em; right: 2em; width: calc(100% - 4em); height: calc(100% - 4em); } /* Sidebar Menu */ /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ .sec_title h3.h2 br { display: none; } /* Info Banner */ /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ .card_content form .input_submit { padding: .75em 3em; } /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ .sec_info .officer { display: block; } .form_wrapper .grid { grid-template-columns: 1fr 1fr; } .sec_info a.link_w, .sec_info .link_w { padding: .5em 3.5em; } /* Footer Content */ .foot_content .blueprint { display: block; top: 50%; right: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; transform: scaleX(-1) translate(-50%, -50%); opacity: .125; } .foot_block { text-align: left; } .foot_block .foot_menu li:first-of-type a { margin-top: -.25em; } #numero_verde span { font-size: 2.25em; } #foot_block_2 { padding-right: 5%; } #foot_block_3 { padding: 0 0 0 5%; text-align: right; } #foot_block_4 { margin-top: 10%; text-align: center; } /* Credits */ .credits br { display: none; } .credits .sep { display: inline-block; } /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ .lakes_selector { max-width: 45rem; margin: 1.5rem auto 0 auto; } /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ .s2_results #main_form.main_form_mobile button.close { bottom: auto; top: 1em; right: 1em; width: 3.5em; height: 3.5em; padding: 1em; } .t_head.grid { grid-template-columns: 1fr 1fr 1fr .75fr .75fr 1.25fr 1.25fr .5fr; } .result_row_head.grid, .result_row_sub .grid { grid-template-columns: 1fr 1fr 1fr .75fr .75fr 2.5fr .5fr; } .tab_reduct .t_head.grid, .tab_reduct .result_row_head.grid, .tab_reduct .result_row_sub .grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr; } #result_ticket .t_head.grid { grid-template-columns: 1.5fr 2fr; } .result_tab .t_head p { font-size: 75%; padding: .75em .25em; } .result_tab .mobile_hide { display: block; } .result_tab .result_row_price.mobile_hide { display: flex; } .result_row p { padding: .75em 1em; font-size: 100%; } .result_row p.result_total { font-size: 200%; } /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ #s2_abbonamenti .sec_block .sec_block_content { overflow-x: unset; } /* Template Pagine Istituzionali */ #s1_info .breadcrumb { justify-content: flex-start; } #s1_info .s1_title { text-align: left; } #s1_info .s1_title h1::before { margin: 2rem 0; } #s1_info .breadcrumb { justify-content: flex-start; } #s1_info .breadcrumb, #s1_info .breadcrumb a, #s1_info .breadcrumb span { color: var(--white); font-weight: 500; } #s1_info .s1_title { text-align: left; padding-right: 5%; } /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ .s1_archive .card p { font-size: 150%; } .s1_archive .card h2 { font-size: 225%; } .s1_archive .card_blog .card_content { bottom: 0; width: calc(100% - 5em); } .s1_archive .tag_list { right: auto; left: 0; width: auto; padding: 5%; } .s1_archive .card .share { left: auto; right: 0; width: 5em; height: 100%; padding: 1em 0; display: flex; align-items: flex-end; justify-content: center; border-top: 0; border-left: 1px solid var(--white); border-radius: 0 1.5em 1.5em 0; } .s1_archive .a2a_kit, .s1_archive .a2a_menu, .s1_archive .a2a_modal, .s1_archive .a2a_overlay { flex-wrap: wrap; flex-direction: column-reverse; padding-bottom: 2.5em; } .s1_archive .card .share label { transform: rotate(-90deg); margin: 3.5em 0 0 0; width: 7em; } .archive_filter .searchandfilter h4 { display: none; } .archive_container .sec_title { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.5em; } .archive_container .sec_title .h2 { flex: 1 1 auto; margin: 0; padding: 0 0 1rem 0; } .archive_filter { margin-bottom: 0; width: auto; flex: 1 1 auto; } .archive_container .grid { grid-template-columns: 1fr 1fr; } .archive_container #grid-empty { grid-template-columns: 1fr; } .card.card_empty > .flex-l { justify-content: center; } /* Sec 2 */ .searchandfilter ul>li>ul:not(.children) { flex-wrap: nowrap; } .searchandfilter ul li li { width: auto; padding: 0.75em 1em 0.5em 1em; } /* Archive Blog */ #sec_newsletter picture { position: absolute; left: 0; top: 0; width: 50%; height: 100%; /*box-shadow: -5em -5em 8em inset rgba(var(--dark-blue-rgb),.25);*/ } .sec_news_form { width: 50%; } .sec_news_form img { display: block; margin: 0 0 1.5em auto; width: 3em; } .sec_news_form .content { text-align: left; } /* Archive Avvisi & News */ .card_avviso, .card_rassegna, .card_news, .card_bandi { box-shadow: 0 0 4em rgb(var(--black-rgb) / 12.5%); } .card_avviso .card_head { flex-wrap: nowrap; } .card_avviso .card_date { min-width: 9rem; padding-right: 1.5rem; } .card_avviso .card_date.date_mobile { display: none; } .card_avviso .card_date.date_desktop { display: block; margin: 0; text-align: center; } .card_avviso .card_date span:first-of-type { font-size: 540%; font-weight: 300; } .card_avviso .card_head h2 { font-size: 150%; line-height: 1.4; } #card_news .card_content { margin: 0; padding-bottom: 7.5%; } #card_news .card_content { text-align: left; } .card_news .card_head { padding: 1.5em; } .card_news .card_head picture { position: absolute; top: 0; left: 0; width: 16rem; height: 100%; padding-bottom: 0; max-height: 100%; } .card_news .card_head_wrapper { padding: 0 0 0 16rem; } .card_news .card_head_wrapper::before, .card_news .card_head_wrapper::before { left: 16rem; } /* Archive Rassegna Stampa */ .card_rassegna picture { position: absolute; left: 0; top: 0; width: 25%; height: 100%; padding-bottom: 0; } .card_rassegna .content { display: flex; flex-direction: column; width: 75%; margin-left: 25%; padding: 2em; } .card_rassegna h2, .card_news h2 { font-size: 150%; } /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ #s1_nave .s1_title h1 { font-size: 225%; } /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ .hamburger_btn { font-size: 16px; } .hamburger_btn:hover { } .hamburger_btn.active:hover { } /* Nav Menu Mobile */ /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Scroll */ .scroll:hover { background-color: rgb(255 255 255 / 50%); } .scroll:hover svg { transform: translateY(0.25em) !important; } .scroll:hover svg .scroll-path { fill: var(--yellow); } /* Components */ /* Content */ /* Sidebar Avvisi */ #sidebar .sidebar_btn:hover h2 { color: var(--yellow); } #sidebar li:hover { background-color: rgb(var(--light-blue-rgb) / 25%); } #sidebar li:last-of-type:hover { background-color: transparent; } #sidebar .all_news_link:hover { background-color: var(--yellow); border-color: var(--yellow); } /* Sidebar Menu */ .main_form_container { max-width: 100%; align-items: flex-start; overflow: unset; } .main_form { border-radius: 1.5em 0 0 1.5em; overflow: hidden; } .form_field .open_map_btn { display: none; } #main_form_notification { display: block; position: absolute; top: 2em; left: 2em; bottom: auto; right: auto; width: auto; height: auto; padding: .5em 1em .375em 1em; background-color: var(--dirt-white); border-color: var(--red); color: var(--red); transform: none; z-index: 2; } #main_form_notification img { width: 1.5em; margin-right: .25em; } #main_form_notification span { display: inline-block; font-size: 75%; font-weight: 500; text-transform: uppercase; } #main_form_notification:hover { background-color: var(--yellow); } .map_zoom { top: 6em; left: 2em; gap: .5em; z-index: 2; } .map_legenda_trigger { bottom: 1em; right: 1em; padding: .5em; border-radius: 3em; box-shadow: 0 0 .5em rgb(var(--black-rgb) / 25%); background-color: var(--light-blue); transform: scale(0); transition: .25s ease; z-index: 2; } .map_legenda_trigger.active { transform: scale(1); } .map_legenda_trigger img { width: 1.25em; } .map_legenda { display: none; bottom: 1em; right: 1em; max-width: 75%; background-color: var(--light-blue); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); border: 2px solid var(--white); border-radius: .625em; transform-origin: calc(100% - 1em) calc(100% - 1em); transition: .25s ease; z-index: 2; } .map_legenda.closed { transform: scale(0); } .map_legenda_wrapper { padding: 1em; } .map_legenda p { font-size: 75%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: center; } .map_legenda button { top: -.5em; right: -.5em; width: 1.5em; height: 1.5em; background-color: var(--white); box-shadow: 0 0 .5em rgb(var(--black-rgb) / 25%); border-radius: 4em; } .map_legenda button img { width: .75em; } #map_close_btn { display: none; } #ico_touch { display: none; } /* SVG Mappe Laghi */ .lake_map_container { position: sticky; top: 7.5em; left: auto; display: block; flex: 1 1 auto; width: 50%; height: auto; border-radius: 0 1.5em 1.5em 0; overflow: hidden; z-index: auto; } .lake_map_container .swiper-slide.swiper-slide-zoomed { } .lake_map { width: auto; min-width: 100%; object-fit: contain; overflow: auto; } .lake_map svg { position: absolute; top: 0; left: 0; height: 100vh; width: auto; min-width: 100%; } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ /* Info Banner */ .info_block picture.info_png img { object-position: bottom right; object-fit: contain; opacity: 1; transform: none; } .info_block .content { padding: 1.5em; } .info_block h4 { font-size: 100%; margin-bottom: 1.25rem; } .info_block .link { font-size: 0.85rem; } .info_block a.link_app img { height: calc(2.125em + 2px); } /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ /* Card Blog */ .card .a2a_default_style .a2a_counter img, .card .a2a_default_style .a2a_dd, .card .a2a_default_style .a2a_svg { width: 2em; height: 2em; } /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ .foot_content { flex-wrap: nowrap; padding-top: 10%; padding-bottom: 10%; } .foot_block { width: auto; flex: 1 1 auto; padding: 0 2.5%; margin: 0; } #foot_block_1 { padding-left: 0; } .foot_logo { padding: 0; margin: 0; } #foot_block_2 { padding-right: 2.5%; } #numero_verde { padding: 1.25em 1.5em 1.25em 2.5em; } #numero_verde span { font-size: 150%; } #foot_block_3 { padding: 0 2.5%; text-align: left; } #foot_block_4 { margin-top: 0; padding-right: 0; text-align: left; } .foot_block .social li { margin-right: .5em; } #foot_block_4 p a { padding: .25em .5em; } #foot_block_4 p .sep { display: none; } #foot_block_4 p br { display: block; } /* Credits */ .credits a:hover, .credits a:active, .credits a:focus { opacity: 1; color: var(--color); } #credits_studio:hover { color: #e74e0f; } /* Back Top */ #back_top { opacity: 1; } /* Pop-up Modale */ #modal { max-width: 38em; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ #s1_home .container { height: calc(100vh - 11em); height: calc(100vh - 4em); } /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ #s1_results.s1_desk { display: block; } #s1_results .s1_title { padding-bottom: calc((15% * var(--vert-ratio)) + 2.5em); } .result_title { justify-content: space-between; } #result_ticket .result_title { justify-content: flex-start; } .results_container .result_title h2 { text-align: left; } .result_row p { padding: .75em .75em; font-size: 80%; } #summary { display: none; } .s2_results .container { align-items: flex-start; } .s2_results .main_form_container { width: 45%; } .s2_results .results_container { width: 55%; margin-top: 0; padding: 0 0 0 5%; } .result_title .flex-b { align-items: center; } .s2_results .container { padding-top: var(--c10v); } .s2_results .main_form_container { overflow: hidden; position: sticky; top: 9em; } .s2_results #main_form.main_form_mobile { position: sticky; top: 9em; margin: 0; height: auto; transform: translate(0); overflow: unset; z-index: initial; } .s2_results #main_form.main_form_mobile .sidebar_overlay, .s2_results #main_form.main_form_mobile button.close { display: none; } .s2_results #main_form.main_form_mobile .main_form { width: 100%; height: auto; margin-top: 0; overflow-y: unset; box-shadow: none; } /* Template Biglietti e Tariffe */ #s1_tariffe { display: none; } .s2_tariffe, #s2_abbonamenti { padding-top: calc( 116.5px + ( 166 - 116.5 ) * ( (100vw - 360px) / 920 ) ); } .s2_tariffe .container { align-items: flex-start; flex-wrap: nowrap; } .s2_tariffe .main_form_container { position: sticky; top: 7.5rem; width: 50%; } .s2_tariffe .lake_map_container { display: none !important; } .s2_tariffe .main_form_wrapper h2 { margin-bottom: .75em; font-size: 150%; } .s2_tariffe .results_container { margin-top: 0; padding-left: 5%; } #convenzioni .sec_title { text-align: left; } /* Template Checkout */ #s2_checkout .container { flex-direction: row-reverse; justify-content: space-between; } #s2_checkout .content { margin: 0; padding-right:var(--c5o); } #checkout { position: sticky; top: calc(7.5em + 5vh); } #s2_checkout .content .accordion_head::after{ display:none; } #s2_checkout .content .accordion_body{display: block;} /* Template Abbonamenti */ #s2_abbonamenti .container { flex-direction: column-reverse; flex-direction: row; flex-wrap: nowrap; gap: calc(5% * var(--oriz-ratio)); } #s2_abbonamenti .sec_block:first-of-type { padding-top: 0; } #s2_abbonamenti h2 { text-align: left; } #s2_abbonamenti .page_sidebar { position: sticky; min-width: unset; top: 11em; } .page_sidebar.side_menu { top: 11em; } /* Template Pagine Istituzionali */ #s1_info .bkg_thumb > img, #s1_blog .bkg_thumb > img, #s1_flotta .bkg_abs > img, #s1_esp .bkg_thumb > img { opacity: 1; } #s2_info .content { width: calc(100% - 20em); padding-right: var(--c5o); } #s2_info .page_sidebar { top: 9em; width: 20em; min-width: 0; margin-top: 0; } /* Template Amministrazione Trasparente */ .accordion_body { padding: 2em 1.5em; } /* Template Flotta */ #s2_flotta .grid { width: calc((100% / 3) * 2); padding-right: 1.5em; } #s2_flotta #book_form { position: sticky; top: 7.5em; width: calc(100% / 3); margin: 0; } /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ .archive_container .sec_title { align-items: center; } /* Sec 2 */ /* Archive Blog */ .s1_archive .card_blog picture { aspect-ratio: 16 / 9; } .archive_container .sec_title { align-items: center; gap: 1em; } .archive_container .sec_title .h2 { padding: 0; font-size: calc(var(--h2-size) * .85); text-align: left; } .archive_container .archive_filter { justify-content: flex-end; } .archive_container .archive_filter .searchandfilter { margin-bottom: 0; } /* Archive Avvisi & News */ .s1_archive_alt .s1_title {} .s2_archive_alt .container { padding-top: 2em; } .s2_archive_alt .grid { grid-gap: 3em; } .card_rassegna h2, .card_news h2 { font-size: 125%; } /* Archive Rassegna Stampa */ /* Archive Area Stampa */ #s2_stampa .container { justify-content: flex-start; align-items: flex-start; flex-direction: row; } #s2_stampa .filter_block { justify-content: flex-start; } .press_kit { position: sticky; top: 10em; bottom: auto; left: auto; width: 20em; max-height: unset; padding: 2em 1.5em; } .press_kit li { transform: scale(1); } .press_kit a p { white-space: unset; } .press_kit .hover_btn { display: none; } #s2_stampa .wrapper { width: calc(100% - 20em); margin: 0; padding-left: 5%; padding-bottom: 0; } #press_btn { display: none; } #s2_stampa .breadcrumb { justify-content: flex-start; } #s2_stampa .s1_title { text-align: left; } /* Archive Bandi */ #s2_bandi .grid { padding-top: 3em; } #s2_bandi h2.title { margin-top: 3.5rem; } #s2_bandi h2.title:fist-of-type { margin-top: 1.5rem; } /* Archive Servizi */ /* Archive Esperienze */ .searchandfilter ul { flex-wrap: nowrap; justify-content: space-between; align-items: center; } .searchandfilter ul>li>ul:not(.children) { justify-content: flex-start; align-items: center; } #s2_esperienze .grid { grid-template-columns: 1fr 1fr 1fr; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ .single .s1_title { text-align: left; } .single .breadcrumb, .s1_title .tag_list { justify-content: flex-start; } #s1_info .container { min-height: 75vh; } /* Sec 2 */ .s2_single .wrapper { width: calc(100% - 20em); padding-right: 5%; } .single .sidebar { position: sticky; top: 1em; left: auto; flex-wrap: wrap; width: 20em; margin: 0; padding: 0; transform: none; } /* Sidebar */ .sidebar { display: block; } .sidebar.sidebar_mobile { display: none; } .sidebar .index .index_list, .sidebar .post_nav { display: block; } .sidebar .mobile_overlay { display: none !important; } .sidebar .index:before, .sidebar .index:after { display: none; } .sidebar .index .index_select { display: none !important; } .sidebar .index { box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); } .sidebar .index .index_list { display: block !important; padding: 1em 0; } .sidebar .index .index_list:before, .sidebar .index .index_list li:before { display: none; } .sidebar .index .index_list li { padding: 0; } .sidebar .index li button { height: auto; padding: 1em 1.5em; font-size: 100%; font-weight: 700; color: var(--blue); white-space: initial; } .sidebar .index li:hover button { background-color: rgb(var(--blue-rgb) / 25%); } .sidebar .index li.active button { background-color: var(--blue); color: var(--white); transition-delay: .05s; } .sidebar .index li.active:hover button { background-color: var(--blue); color: var(--white); } .sidebar .post_nav { margin-top: 1em; background-color: var(--blue); border-radius: .5em; box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); overflow: hidden; } .sidebar .post_nav::after { content: ''; display: block; position: absolute; left: 0; } .sidebar .post_nav .bkg { /*mix-blend-mode: luminosity; opacity: .75;*/ transition: .25s ease-in-out; } .sidebar .post_nav .filter { background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,86,59,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,86,59,1) 100%); mix-blend-mode: multiply; opacity: .5; transition: .25s ease-in-out; } .sidebar .post_nav .content { padding: 1.5em; } .sidebar .post_nav .content p { flex: 1 1 auto; font-size: 100%; line-height: 1; font-weight: 700; color: var(--white); transition: .25s ease; } .sidebar .post_nav .content p span { display: block; margin-bottom: .75em; font-weight: 300; text-transform: uppercase; } .sidebar .post_nav img { position: relative; width: 1.5em; height: auto; transition: .25s ease; } .sidebar .post_nav:hover .bkg, .sidebar .post_nav:active .bkg { opacity: .5; transform: scale(1.05); } .sidebar .post_nav:hover .filter, .sidebar .post_nav:active .filter { opacity: .125; } .sidebar .post_nav:hover .content p, .sidebar .post_nav:active .content p { color: var(--light-blue); } .sidebar .post_nav:hover img, .sidebar .post_nav:active img { transform: translateX(.5em); } .sidebar .share { width: 100%; flex-direction: row; margin: 1.5em 0 0 0; filter: none; } .sidebar .share button { display: none; } .sidebar .share h4 { display: block; margin-right: 1em; font-size: 100%; font-weight: 700; color: var(--blue); text-transform: uppercase; } .sidebar .share .a2a_kit { position: relative; right: auto; top: auto; display: flex; grid-gap: .25em; } .sidebar .share .a2a_kit a { margin-bottom: 0; } /* Single Esperienza */ #s2_esp .content { width: calc(100% - 20em); padding-right: calc(5% * var(--oriz-ratio)); } #s2_esp .sidebar { position: sticky; top: 9em; margin-top: 0; } /* Single Flotta */ #s1_nave .wrapper { gap: calc(5% * var(--oriz-ratio)); } #s1_nave .wrapper .w50l { width: calc(50% - (2.5% * var(--oriz-ratio))); } #s1_nave .single_gallery { position: sticky; top: 10em; } #s1_nave .spec_chart { margin-top: 0; } #s1_nave .spec_chart h2 { text-align: left; } /* Single Blog */ .single_gallery .swiper-slide > a { background-color: var(--blue); } .single_gallery .swiper-slide > a picture { transition: .5s ease; will-change: transform; } .single_gallery .swiper-slide > a:hover picture { transform: scale(1.05); opacity: .75; } .single_gallery .swiper-slide > a:hover button { transform: translate(-50%,-50%) scale(1); opacity: 1; } .single_gallery .gallery_thumb .swiper-slide { background-color: var(--blue); } .single_gallery .gallery_thumb .swiper-slide button { transition: .5s ease; will-change: transform; } .single_gallery .gallery_thumb .swiper-slide button:hover { transform: scale(1.05); opacity: .5; } /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 -> 1366 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ header.stuck { transform: none; } header.opened .head_wrapper { border-color: var(--blue); } /* Head Info Mobile */ #head_info_mobile { display: none; } /* Logo */ .head_logo { width: 8em; max-width: 134px; max-height: 100%; } .head_logo img:hover { transform: scale(1.05); filter: drop-shadow(0 0 2px rgb(30 30 30 / 50%)); } .head_logo img:active { transform: scale(1); } /* Head Info */ .head_info { display: flex; padding: .5em 1.5em; } .head_info h2 { font-size: 75%; font-weight: 700; } .head_info a { padding: .375em .5rem; font-size: 75%; line-height: 1; font-weight: 700; color: var(--white); } #head_phone { display: flex; align-items: center; } #head_phone::before { display: inline-block; content: ''; width: 1.25em; height: 1.25em; margin-right: .5em; background: url(../images/svg/ico_phone.svg) no-repeat center; background-size: 1.25em; } #head_phone:hover { color: var(--yellow); text-decoration: underline; } .service_menu { margin: 0 1em; } .service_menu a { position: relative; } .service_menu a::before { display: inline-block; content: ''; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 1.25em; background-color: var(--white); } .service_menu a:first-of-type::before { display: none; } .service_menu a:hover, .service_menu a:focus, .service_menu a:active { color: var(--yellow); text-decoration: underline; } .head_info .wpml-ls-legacy-dropdown-click a span { padding-top: .125em; line-height: 1.25; } /* Head Content */ .open_menu { padding: 0 0 0 1em; justify-content: space-between; border-left: 1px solid var(--blue); border-right: 1px solid var(--blue); } .open_menu .head_link, .open_menu .head_link.link_blue { display: flex; flex: 1 1 auto; padding: .5em; line-height: 1.6; } .open_menu .head_link.link_blue { flex: unset; padding: .75em 1em; margin-right: 1em; border-radius: .5em; border: 1px solid var(--blue); will-change: transform, background; } .open_menu .head_link.link_blue:hover, .open_menu .head_link.link_blue:active, .open_menu .head_link.link_blue:focus { background-color: var(--yellow); box-shadow: none; } .open_menu .head_link.link_blue:hover span, .open_menu .head_link.link_blue:active span, .open_menu .head_link.link_blue:focus span { color: var(--blue); } .open_menu .head_link.link_blue:hover svg .st0, .open_menu .head_link.link_blue:active svg .st0, .open_menu .head_link.link_blue:focus svg .st0 { fill: var(--blue); } .open_menu .menu_link, .open_menu .head_link { position: relative; padding: 1.5em .5em; border-radius: 0; border: none; overflow: hidden; } .open_menu .menu_link::after { display: inline-block; content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); width: 0; height: 0; border-left: .75em solid transparent; border-right: .75em solid transparent; border-bottom: .75em solid var(--blue); border-radius: 0; transition: .25s ease; } .open_menu .head_link span { font-size: 80%; } .open_menu .menu_link.active, .open_menu .head_link:hover, .open_menu .head_link:active, .open_menu .head_link:focus { background-color: var(--dirt-white); box-shadow: inset 0 0 .5em rgb(var(--black-rgb) / 12.5%); } .open_menu .menu_link.active span, .open_menu .head_link:hover span, .open_menu .head_link:active span, .open_menu .head_link:focus span { color: var(--light-blue); } .open_menu .menu_link.active::after { transform: translate(-50%, 1px); } .open_menu .head_link img, .open_menu .head_link svg { height: 1.5em; margin-right: .5em; } .open_menu .menu_link svg .st0 { transition: .25s ease; } .open_menu .menu_link.active svg .st0, .open_menu .head_link:hover svg .st0, .open_menu .head_link:active svg .st0, .open_menu .head_link:focus svg .st0 { fill: var(--light-blue); } /* Hamburger */ .hamburger_btn { padding: 1em; margin-left: 0; min-height: 4.5rem; } /* Nav Menu Mobile */ #main_nav_mobile { display: none; } /* Nav Menu */ #main_nav_desktop { display: block; height: 34em; background-color: var(--blue); transform: translateY(-100%); transition: .25s ease; } #main_nav_desktop.active, #main_nav_desktop.active_alt { transform: translateY(0); } .menu_container { top: 0; left: 50%; transform: translate(-50%,-100vh); max-width: 1920px; transition: .25s ease; overflow: hidden; } .menu_container.active { transform: translate(-50%,0); z-index: 1; } .menu_col:first-of-type { padding: 5% 5% 0 0; } .menu_col:nth-of-type(2) { padding: 5% 2.5% 0 2.5%; } .menu_col:last-of-type { padding: 5% 0 0 5%; } .menu_container h2, .menu_container p, .menu_container li, .menu_container a, .menu_container button { color: var(--white); } .menu_container a { padding: .375em 0; } .menu_container hr { margin: 1em 0 1.5em 0; opacity: .25; } /* Menu Lakes */ .menu_lake_img { left: 0; bottom: 0; width: auto; height: 250%; opacity: .25; transform: translate(10%,25%); } #menu_d1 .menu_lake_img { transform: translate(10%,45%); height: 750%; } #menu_d2 .menu_lake_img { transform: translate(20%,10%); } #menu_d3 .menu_lake_img { transform: translate(0%,20%); } /* Menu Lakes - Menu Col Title */ .menu_col_title h2 { margin-bottom: .5em; } .menu_col_title .h5 { margin-bottom: 1em; font-size: 100%; line-height: 1.25; font-weight: 700; color: var(--white); text-transform: uppercase; } /* Menu Lakes - Menu Col Link */ .menu_col_link .btn.btn_yellow { display: inline-block; padding: 0.5em 0.75em 0.325em 0.75em; margin-bottom: 0.5em; border-color: var(--white); background-color: transparent; font-size: 100%; line-height: 1; font-weight: 500; color: var(--white); } .menu_col_link .btn.btn_yellow svg { width: 1.25em; margin-right: 0.25em; } .menu_col_link .btn.btn_yellow svg .st0 { fill: var(--white); transition: .25s ease; } .menu_col_link .btn.btn_yellow:hover, .menu_col_title .btn.btn_yellow:active, .menu_col_title .btn.btn_yellow:focus { transform: scale(1.05); background-color: var(--yellow); border-color: var(--blue); color: var(--blue); } .menu_col_link .btn.btn_yellow:hover .st0, .menu_col_title .btn.btn_yellow:active .st0, .menu_col_title .btn.btn_yellow:focus .st0 { fill: var(--blue); } .menu_col_link a { padding: .5em 0; font-size: 100%; font-weight: 500; transform-origin: center left; will-change: transform; } .menu_col_link a.active { color: var(--grey); } .menu_col_link a:hover, .menu_col_link a:active, .menu_col_link a:focus { color: var(--yellow); font-weight: 700; transform: scale(1.05); } .menu_col_link a:active { transform: scale(1); } .menu_col_link .deactive a { color: var(--grey); cursor: not-allowed; } .menu_col_link .deactive a:hover, .menu_col_link .deactive a:active, .menu_col_link .deactive a:focus { font-weight: 500; transform: none; } /* Menu Lakes - Menu Col File */ .menu_col_file h5 { padding: .5em 0; font-size: 150%; line-height: 1; color: var(--white); } .menu_col_file .file_list { max-height: 17em; overflow-y: scroll; } .menu_col_file .file_list::-webkit-scrollbar { width: 8px; background: transparent; } .menu_col_file .file_list::-webkit-scrollbar-track { border-radius: 1em; background: transparent; } .menu_col_file .file_list::-webkit-scrollbar-thumb { width: 8px; background-color: rgb(var(--white-rgb) / 25%); border-radius: 1em; } .menu_col_file .file_list::-webkit-scrollbar-thumb:hover {} .menu_accordion .file_list p { margin-bottom: .5em; font-size: 75%; font-weight: 700; text-transform: uppercase; } .menu_accordion .file_list ul { margin-bottom: 1em; padding: .5em; background-color: rgb(var(--dark-blue-rgb) / 25%); border-radius: .5em; } .menu_accordion .file_list li a { align-items: flex-start; } .menu_accordion .file_list li a p { margin: 0; text-transform: none; transition: .25s ease; transform-origin: left center; will-change: transform; } .menu_accordion .file_list li a:hover p, .menu_accordion .file_list li a:active p, .menu_accordion .file_list li a:focus p { color: var(--yellow); font-weight: 700; text-decoration: underline; } .menu_accordion .file_list li a img, .menu_accordion .file_list li a svg { width: 1.5em; margin-right: .5em; } .menu_accordion .file_list li a svg .st0 { transition: .25s ease; } .menu_accordion .file_list li a:hover svg .st0 { fill: var(--yellow); } /* Menu Info */ #menu_d4 h5 { font-size: 150%; margin-bottom: 0.5em; color: var(--yellow); font-weight: 700; text-transform: uppercase; } #menu_d4 li a { padding: .5em 0; font-weight: 500; transform-origin: center left; will-change: transform; } #menu_d4 li a.active { color: var(--grey); } #menu_d4 li a:hover, #menu_d4 li a:active, #menu_d4 li a:focus { color: var(--yellow); font-weight: 700; transform: scale(1.05); } #menu_d4 li a:active { transform: scale(1); } /* Menu Main */ #menu_d5 { z-index: 2; } #main_nav_desktop .menu_wrapper { background-color: transparent; } #main_nav_desktop .menu_wrapper .grid { grid-template-columns: 1fr 1fr; } .main_nav .blueprint { top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: .0625; } .menu_slogan { left: 0; bottom: 0; padding-right: 5%; } .menu_slogan h3 { line-height: 1.25; color: var(--white); } .menu_grid { right: 0; bottom: 0; } .menu_grid .grid { grid-template-columns: 1fr 1fr; grid-gap: 1.5em; } .menu_container a.menu_block { padding: 0 0 47.5% 0; border: 1px solid var(--blue); border-radius: 1em; background: var(--yellow); overflow: hidden; } .menu_container a.menu_block picture { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: 1em; transition: .25s ease-in-out; will-change: transform, filter, opacity; } .menu_container a.menu_block span { top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; padding: 1em; font-size: 150%; font-weight: 700; text-shadow: 0 0 .25em rgb(var(--black-rgb) / 75%); text-align: center; transition: .25s ease-in-out; } .menu_container a.menu_block_white { background-color: rgb(var(--white-rgb) / 87.5%); } .menu_container a.menu_block_white span { top: 50%; transform: translate(-50%, -50%); padding: 1em; color: var(--blue); text-shadow: none; } .menu_container a.menu_block:hover picture, .menu_container a.menu_block:focus picture, .menu_container a.menu_block:active picture { transform: translate(-50%, -50%) scale(1.1); opacity: .5; filter: contrast(1.5); } .menu_container a.menu_block:hover .filter_shade, .menu_container a.menu_block:focus .filter_shade, .menu_container a.menu_block:active .filter_shade { opacity: .5; } .menu_container a.menu_block:hover span, .menu_container a.menu_block:focus span, .menu_container a.menu_block:active span { transform: translate(-50%, -50%) scale(1.125); text-shadow: 0 0 0.5em rgb(var(--black-rgb) / 75%); } .menu_container a.menu_block_white:hover, .menu_container a.menu_block_white:active, .menu_container a.menu_block_white:focus { background-color: var(--yellow); } .menu_container a.menu_block_white:hover span, .menu_container a.menu_block_white:active span, .menu_container a.menu_block_white:focus span { transform: translate(-50%, -50%) scale(1.125); text-shadow: none; } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ a.link_blue:hover, .link_blue:hover { transform: scale(1.05); background-color: var(--white); color: var(--blue); } /* Breadcrumbs */ /* Components */ .texture { background-size: 7.5%; } /* Content */ /* Sidebar Avvisi */ #sidebar li { border-color: rgb(var(--white-rgb) / 25%); transition: .25s ease; } #sidebar li .news_card h3, #sidebar li .news_card p, #sidebar li .news_card p.card_date, #sidebar .tag_list li { color: var(--white); } #sidebar .tag_list li { border-color: var(--white); } #sidebar { bottom: 0; right: auto; left: 0; width: 30em; height: 100%; transform: translateX(-100%); border-radius: 0; background-color: var(--blue); opacity: 1; overflow: visible; } #sidebar .wrapper { background-color: var(--blue); max-height: 100vh; overflow-y: scroll; z-index: 2; } #sidebar .wrapper::-webkit-scrollbar { width: .5em; background-color: transparent; } #sidebar .wrapper::-webkit-scrollbar-thumb { width: .5em; background-color: rgb( var(--white-rgb) / 05% ); } #sidebar h2 { background-color: var(--light-blue); } #sidebar li:last-of-type { padding-bottom: 1.5em; } #sidebar .tag_list li { padding-bottom: 0.125em; } #sidebar .all_news_link { background-color: var(--white); border-color: var(--white); color: var(--blue); } .sidebar_btn_mobile { display: none; } .sidebar_btn_desktop { display: flex; z-index: 1; } .sidebar_btn { bottom: 50%; right: 0; width: 8em; height: 8em; padding: 1em; border: 1px solid var(--blue); border-radius: 50em; background-color: var(--blue); box-shadow: 0 0 0.75em rgb(30 30 30 / 50%); transform: translate(55%, 50%) rotate(-90deg); } .sidebar_btn:hover, .sidebar_btn:active { border-color: var(--yellow); } .sidebar_btn.active { border-color: var(--white); } .sidebar_btn.hidden { transform: translateX(-100%) scale(.75); } #sidebar .sidebar_btn h2 { display: block; padding: 2em 1em 0 1em; background-color: transparent; font-size: 100%; } #sidebar .sidebar_btn.sidebar_btn_desktop.active h2 { display: none; } .sidebar_btn.active svg#ico_close { position: absolute; top: 65%; left: 50%; width: 2em; height: 2em; transform: translate(-50%,-50%); padding: .25em; } .sidebar_btn svg#ico_close .st0 { fill: var(--white); } .drag_lines { position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%); width: 2.5em; } .drag_lines::before, .drag_lines::after { display: block; content: ''; width: 100%; height: 1px; background-color: var(--white); transition: .25s ease; } .drag_lines::before { margin-bottom: .25em; } .drag_lines::after { margin-top: .25em; } .sidebar_btn:hover .drag_lines::before, .sidebar_btn:hover .drag_lines::after { background-color: var(--yellow); } .sidebar_btn span.counter { top: auto; left: auto; bottom: 20%; right: 10%; transform: translate(50%, 50%) rotate(90deg); } /* Sidebar Menu */ .sidebar .index li button { height: auto; padding: 1em 2em; } /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ .s1 .container, .menu_mobile, .menu_container, .menu_slogan, .menu_grid, .s2_results, .s2_tariffe, #s2_abbonamenti { padding-top: calc( 126px + ( 146 - 126 ) * ( (100vw - 1280px) / 640 ) ); } /* Info Banner */ #utility_banner .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; } #utility_banner .nav_dots { display: none; } /* Sec Slider */ /* Sec Blog */ #sec_blog #slider_blog, #sec_blog .slider_dots, #sec_blog .link.link_mobile { display: none; } .blog_cards_container .wrapper_l, #card_blog_3, #card_blog_4, #card_blog_5 { display: block; } .blog_cards_container .wrapper_l { width: 40%; padding-right: .25em; } #card_blog_1 { margin-bottom: .5em; } #card_blog_1 .card_wrapper { padding-bottom: 107.5%; } #card_blog_2 .card_wrapper { padding-bottom: 80%; } .blog_cards_container .wrapper_r { width: 60%; padding-left: .25em; } #card_blog_3, #card_blog_4 { width: 50%; margin-bottom: .5em; } #card_blog_3 { padding-right: .25em; } #card_blog_4 { padding-left: .25em; } #card_blog_4 .share, #card_blog_5 .share { margin-left: .25em; } #card_blog_3 .card_wrapper, #card_blog_4 .card_wrapper { padding-bottom: 100%; } #card_news { width: calc(55% - 0.25em); margin-right: 0.25em; padding-bottom: 75.565%; } #card_news .card_content { position: absolute; top: 50%; bottom: auto; left: 50%; width: 100%; padding: 7.5%; transform: translate(-50%, -50%); } #card_news h2 { margin: .5em 0 1.5rem 0; line-height: 1.25; } #news_form .form_input input { padding: .75em 1em; font-size: 85%; } #news_form .form_input input[type="checkbox"] { padding: 1em; } #news_form button[type="submit"] { font-size: 100%; } .card_content form .input_email input { height: 3rem; font-size: 75%; } .card_content label.wpforms-error { margin-top: .5em; font-size: 75%; line-height: 1.25; color: var(--red); font-weight: 700; } .card_content form .input_submit { padding: .75em 1em; } #card_blog_5 { width: 45%; padding-left: .25em; } #card_blog_5 .card_wrapper { padding-bottom: 170.125%; } /* Social Wall */ /*.gallery .gallery_block { overflow: hidden; } .gallery .gallery_block picture { transform: scale(1.1); transform-origin: center center; transition: .25s ease; } .gallery .gallery_block .filter { height: 100%; background: -webkit-linear-gradient(top, rgba(12,57,112,0) 0%,rgba(12,57,112,1) 100%); background: linear-gradient(to bottom, rgba(12,57,112,0) 0%,rgba(12,57,112,1) 100%); } .gallery .gallery_block .filter { opacity: 0; transition: .5s ease; } .gallery .gallery_block .card_content { transform: translateY(100%); transition: .25s ease; } .gallery .gallery_block .card_content { padding: 1em; } .gallery .gallery_block:hover, .gallery .gallery_block:focus { border-color: transparent; } .gallery .gallery_block:active { border-color: var(--yellow); } .gallery .gallery_block:hover picture, .gallery .gallery_block:focus picture, .gallery .gallery_block:active picture { transform: scale(1); } .gallery .gallery_block:hover .filter, .gallery .gallery_block:focus .filter, .gallery .gallery_block:active .filter { opacity: 1; } .gallery .gallery_block:hover .card_content, .gallery .gallery_block:focus .card_content, .gallery .gallery_block:active .card_content { transform: translateY(0); } .gallery .gallery_block:hover h6, .gallery .gallery_block:focus h6 { color: var(--white); } .gallery .gallery_block:active h6 { color: var(--yellow); }*/ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ .card_esp { padding: .5em; } .card_esp:hover a { transform: scale(1.025); } .card_esp:active a { transform: scale(1); } .card_esp .card_hover { background: rgb(250,214,70); background: -webkit-linear-gradient(45deg, rgba(250,214,70,1) 0%,rgba(23,150,243,1) 100%); background: linear-gradient(45deg, rgba(250,214,70,1) 0%,rgba(23,150,243,1) 100%); opacity: 0; transition: .25s ease; will-change: opacity; } .card_esp:hover .card_hover { opacity: .625; } /* Card Blog */ .card_blog { transition: .25s ease; will-change: transform; } .card_blog:hover { transform: scale(1.0125); } .card_blog:active { transform: scale(1); } .card_blog .card_content { bottom: 3em; } .card_blog .card_hover { background: rgb(23,150,243); background: -webkit-linear-gradient(top, rgba(23,150,243,1) 0%,rgba(2,25,52,1) 100%); background: linear-gradient(to bottom, rgba(23,150,243,1) 0%,rgba(2,25,52,1) 100%); opacity: 0; transition: .25s ease; } .card_blog:hover .card_hover { opacity: .75; } .card p { font-size: 75% !important; } .card h2 { font-size: 150%; transform-origin: left; transition: .25s ease; } .card .share { width: calc(100% - 0.25em); padding: 0.5em 1.5em; } .card .a2a_default_style .a2a_counter img, .card .a2a_default_style .a2a_dd, .card .a2a_default_style .a2a_svg { width: 2em; height: 2em; } .card .share .a2a_default_style a:hover .a2a_svg, .card .share .a2a_floating_style a:hover .a2a_svg, .card .share .a2a_overlay_style a:hover .a2a_svg svg { opacity: 1; } .card .share .a2a_kit a:hover { background-color: var(--white) !important; } .share .a2a_kit a .a2a_svg svg path { transition: .25s ease; } .share .a2a_kit a:hover .a2a_svg svg path { fill: var(--yellow) !important; } .share .a2a_kit a.a2a_button_facebook:hover .a2a_svg svg path { fill: #4267B2 !important; } .share .a2a_kit a.a2a_button_twitter:hover .a2a_svg svg path { fill: #1DA1F2 !important; } .share .a2a_kit a.a2a_button_whatsapp:hover .a2a_svg svg path { fill: #25d366 !important; } .share .a2a_kit a.a2a_button_linkedin:hover .a2a_svg svg path { fill: #0e76a8 !important; } .card_blog .card_wrapper:hover h2, .card_blog .card_wrapper:focus h2 { } #card_news:hover { transform: none; } /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ .social a svg, .social a svg .st0 { transition: .25s ease; } .social a:hover svg { transform: scale(1.125); } .social a:active svg { transform: scale(1); } .social a:hover svg .st0 { fill: var(--yellow); } /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ .s2_results .main_form_container { width: 35%; } .s2_results .results_container { width: 65%; } .result_row p { padding: .75em .5em; } #s1_results .s1_title { padding-bottom: calc((15% * var(--vert-ratio)) + 5.25em); } .s2_results #main_form { position: relative; top: auto; left: auto; transform: none; } .results_container .ancor_buy:hover { background-color: var(--yellow); } #result_ticket .t_head.grid { grid-template-columns: 1fr 2fr; } #result_ticket .t_head.grid > .grid { grid-template-columns: 1fr 1fr 1fr;} #result_ticket .t_head.grid > .grid p:first-of-type { display: block; } .result_tab_gruppo { grid-template-columns: 1fr 2fr; border-bottom: 3px solid var(--blue); } .result_tab_gruppo .header_sx { display: flex; border-bottom: 0; border-right: 1px solid rgb(30 30 30 / 25%); padding:.75rem; } .result_tab_gruppo .header_sx p { align-self: center; } .result_tab_gruppo .result_row:last-of-type { border-bottom: 0; } #result_ticket .t_head.grid > .grid, .result_row { grid-template-columns: 1fr 1fr .75fr; } #result_ticket .result_tab .t_head .grid p:last-of-type { opacity: 1; } /* Template Biglietti e Tariffe */ .s2_tariffe .main_form_container { top: 9rem; } /* Template Checkout */ /* Template Abbonamenti */ #s2_abbonamenti .page_sidebar, .page_sidebar.side_menu { top: 9em; } #s2_abbonamenti .page_sidebar { max-width: calc(100% / 4); } /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ #s1_process .container, #s2_process .container { max-width: 1280px; } /* Template Lavora con noi */ /* Template Contatti */ #s2_contatti .grid { grid-template-columns: unset; grid-gap: unset; display: flex; align-items: flex-start; justify-content: center; gap: 1.5em; } .tab_contact .tab_head { padding: 1em 1.5em; background: none; background-color: var(--blue); text-align: center; cursor: initial; } .tab_contact .tab_content { display: block; } #s3_contatti .container { margin-top: calc(10% * var(--vert-ratio)); } /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ .s1_archive .card_blog .card_wrapper picture { aspect-ratio: 21 / 9; } /* Sec 2 */ .archive_container .grid { grid-template-columns: 1fr 1fr 1fr; } /* Archive Blog */ .archive_container .sec_title .h2 { font-size: var(--h2-size); } #sec_newsletter picture { width: 65%; } .sec_news_form { width: 35%; } .archive_blog #card_blog_5 { width: 100%; } .archive_blog #card_blog_5 .card_wrapper { padding-bottom: 65.75%; } /* Archive Avvisi & News */ #s1_avvisi .container, #s2_avvisi .container, #s1_rassegna .container, #s2_rassegna .container, #s1_bandi .container, #s2_bandi .container, #s1_service .container, #s2_service .container { max-width: 1280px; } /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ .card_bandi .card_head { flex-wrap: nowrap; gap: 1.5em; } .card_bandi .card_date { width: 20rem; padding-right: 1.5em; margin: 0; } .card_bandi .card_date p { font-size: 100%; text-align: center; color: var(--blue); } .card_bandi .card_date p br { display: block; } .card_bandi .card_head_wrapper { max-width: calc(100% - 14rem); } .card_bandi .card_head_wrapper::before{ display: inline-block; content: ''; position: absolute; left: 14rem; top: 0; width: 1px; height: 100%; background-color: rgb( var(--blue-rgb) / 25%); } /* Archive Servizi */ .card_service:hover, .card_service:focus { background-color: var(--white); transform: scale(1.025); box-shadow: 0 0 1em rgb( var(--black-rgb) / 25% ); } .card_service:hover h2, .card_service:focus h2 { color: var(--blue); } .card_service:hover svg .svg_path, .card_service:focus svg .svg_path { fill: var(--blue); } .card_service:active { transform: scale(1); box-shadow: 0 0 .5em rgb( var(--black-rgb) / 50%); } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /* Single Blog */ .single_blog .s1 .container, .single_blog .s2_single .container { padding-left: calc(10% * var(--oriz-ratio)); padding-right: calc(10% * var(--oriz-ratio)); } /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ .main_form .tabs button p { font-size: 85%; } .main_form .tabs button p:hover { color: var(--blue); } .form_field .select2-container--default .select2-selection--single .select2-selection__rendered:hover, .form_date input:hover, .form_time input:hover { color: var(--grey); } .sel_swap:hover { background-color: var(--blue); } .sel_swap:hover svg .st0 { fill: var(--white); } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity input[type=number] { -moz-appearance: textfield; } .quantity input.minus { display: block; height: 2.5em; padding: .36em .75em; background-color: var(--blue); border: 1px solid var(--blue); border-radius: .5em 0 0 .5em; color: var(--white); text-align: center; } .quantity input.plus { display: block; height: 2.5em; padding: .36em .75em; background-color: var(--blue); border: 1px solid var(--blue); border-radius: 0 .5em .5em 0; color: var(--white); text-align: center; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1440 -> 1919 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ .open_menu .head_link span { font-size: 90%; } /* Hamburger */ /* Nav Menu Mobile */ /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ /* Content */ /* Sidebar Avvisi */ /* Sidebar Menu */ .main_form { width: 40%; } .main_form .tabs button p { font-size: 100%; } /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ /* Info Banner */ /* Sec Slider */ /* Sec Blog */ .card_news picture { width: 25%; height: 100%; padding-bottom: 0; } .card_avviso .tag_list, .card_news .tag_list { position: relative; top: auto; right: auto; justify-content: flex-start; padding: 0; } .card_news .card_wrapper {} .sec_news_form { width: 35%; } #news_form .form_input input { font-size: 100%; } /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ .s2_results .main_form_container { width: 30%; } .s2_results .main_form { width: 100%; } .s2_results .results_container { width: 70%; } /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ #s2_flotta .grid { width: 75%; grid-template-columns: 1fr 1fr 1fr; } #s2_flotta #book_form { width: 25%; top: 9em; } #s2_flotta .wpforms-field-checkbox input[type=checkbox] + label { font-size: 75%; } /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ .archive_container .grid { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; } .archive_container .card h2 { font-size: 125%; } /* Archive Blog */ /* Archive Avvisi & News */ /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /* Archive Esperienze */ #s2_esperienze .grid { grid-template-columns: 1fr 1fr 1fr 1fr; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ .s2_single .wrapper { padding-right: 7.5%; } /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } @media screen and (min-width: 1440px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ /* Nav Menu Mobile */ /* Nav Menu */ .open_menu .head_link span { font-size: 100%; } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ /* Content */ /* Sidebar Avvisi */ /* Sidebar Menu */ /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ /* Info Banner */ /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ #s1_home .container { /* height: calc(100vh - 11em); */ } /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Archive Blog */ /* Archive Avvisi & News */ /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1920 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ /* Nav Menu Mobile */ /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ /* Content */ /* Sidebar Avvisi */ /* Sidebar Menu */ /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ .s1 .container, .menu_mobile, .menu_container, .menu_slogan, .menu_grid, .s2_results { padding-top: 145px; } /* Info Banner */ /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Archive Blog */ /* Archive Avvisi & News */ /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Info Mobile */ /* Logo */ /* Head Info */ /* Head Content */ /* Hamburger */ /* Nav Menu Mobile */ /* Nav Menu */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons Style */ /* Links Style */ /* Breadcrumbs */ /* Components */ /* Content */ /* Sidebar Avvisi */ /* Sidebar Menu */ /* SVG Mappe Laghi */ /* Pop-up Modale */ /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* Sections 1 */ /* Info Banner */ /* Sec Slider */ /* Sec Blog */ /* Social Wall */ /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ /* Card Esperienze */ /* Card Blog */ /* Card Flotta */ /* Card Highlight */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Sec Info */ /* Footer Content */ /* Credits */ /* Back Top */ /* Pop-up Modale */ /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template Landing */ /* Template Risultati di Ricerca */ /* Template Biglietti e Tariffe */ /* Template Checkout */ /* Template Abbonamenti */ /* Template Pagine Istituzionali */ /* Template Amministrazione Trasparente */ /* Template Flotta */ /* Template Bandi di Concorso */ /* Template Process Order */ /* Template Lavora con noi */ /* Template Contatti */ /* Template Grazie */ /* Template 404 */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Archive Blog */ /* Archive Avvisi & News */ /* Archive Rassegna Stampa */ /* Archive Area Stampa */ /* Archive Bandi */ /* Archive Servizi */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sidebar */ /* Single Esperienza */ /* Single Flotta */ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ } /** * * █▀▀▄ █▀▀ ▀▀█▀▀ ▀ █▄ █ ▄▀▀▄ * █▐█▀ █▀▀ █ █ █ ▀█ █▀▀█ * ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀ - RETINA (2x RESOLUTION DEVICES) * * This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. * You can also create a media query for retina AND a certain size if you want. * Go Nuts. * __________________________________________________________________________________________________________________________________________________________________________ */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /** * * █▀▀▄ █▀▀ ▐▌ ▐▌ ▀ ▄▀▀ █▀▀ ▄▀▀ * █ █ █▀▀ ▀▄▀ █ █ █▀▀ ▀▄ * ▀▀▀ ▀▀▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - SPECIFIC DEVICES * __________________________________________________________________________________________________________________________________________________________________________ */ /* If is Device */ @media screen and (max-device-width: 1280px){} @media screen and (max-device-width: 768px){} @media screen and (max-device-width: 480px){}