/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { z-index: 6; position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); box-shadow: 0 0 1rem rgb(var(--green-rgb) / 50%); transition: .5s ease; max-width: calc(var(--maxw_site) - var(--c10o)); } header.scroll_on { transform: translate(-50%, -5.25rem); } #close_overlay { display: none; background-color: rgb(var(--black-rgb) / 50%); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .archive_menu { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MENU LINE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .menu_line { background-color: var(--green); grid-template-columns: 35% 30% 35%; } .menu_line .label { color: var(--white); } .menu_line .segnalazione { display: none; } .menu_line .spacer { display: none; } .menu_line .social { border-right: 1px solid rgb(var(--white-rgb) / 65%); } .menu_line .newsletter { gap: 0.5rem; padding: 0.5rem; } .menu_line .newsletter svg { width: 1.75rem; } .menu_line .app { border-left: 1px solid rgb(var(--white-rgb) / 65%); } .menu_line :where(.app, .social) a { min-width: 2.5rem; height: 3rem; width: 2.5rem; padding: 0.5rem; display: flex; justify-content: center; align-items: center;} .menu_line :where(.app, .social) a svg { width: 100%; } /* News line */ .menu_line .ultime_news { width: 100%; order: 5; background-color: var(--main_bkg); grid-column: 1 / -1; } .menu_line .ultime_news a { color: var(--white); } .menu_line .ultime_news .label { padding: 0.5rem 1rem; } .menu_line .ultime_news .label p { width: max-content; } .menu_line .ultime_news .ticker-wrapper { overflow: hidden; } .menu_line .ultime_news .ticker-track { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; white-space: nowrap; width: max-content; } .menu_line .ultime_news .ticker-track a { flex: 0 0 auto; display: inline-flex; align-items: center; text-decoration: none; color: var(--text_color); } .menu_line .ultime_news .ticker-track a::before { content: ""; position: relative; display: block; width: 5px; height: 5px; border-radius: 8rem; margin: 0 1rem; background-color: var(--text_color); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD WRAPPER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { width: 5rem; min-width: 5rem;} .head_logo :where(img, svg) { width: 100%; } .head_wrapper { padding: 0.5rem 0.5rem; background-color: var(--grey_bkg); align-items: stretch; justify-content: space-between; } .head_wrapper .menu :where(button, a) { padding: 0.5rem 0.5rem; color: var(--text_color); } .head_wrapper .menu :where(button, a)::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: var(--text_color); transform: translateX(-50%); transition: .35s ease; } .head_wrapper .menu :where(button, a).current::before { width: 100%; } .head_wrapper .menu :where(button, a):not(.diretta_tv) { display: none; } .head_wrapper .search_btn { width: 2.75rem; height: 2.75rem; padding: 0.5rem; } .head_wrapper .search_btn svg { width: 100%; } .head_wrapper .search_btn svg path { fill: var(--green); } .head_wrapper .search { border-top: 3px solid var(--green); position: absolute; bottom: -0.5rem; right: -0.5rem; width: calc(100vw - 8px); transform: translateY(100%); background-color: var(--grey_bkg); padding: 1rem; box-shadow: 0 0.35rem 1rem rgb(var(--green-rgb) / 50%); z-index: -1; transition: .5s ease; transform: translateY(-100%); opacity: 0; pointer-events: none; } .head_wrapper .search.open { transform: translateY(100%); opacity: 1; pointer-events: initial; } .head_wrapper .search input { padding: 1rem 0.75rem; font-size: 1rem; font-family: var(--main-font); background-color: var(--main_bkg); width: 100%; color: var(--text_color); background-image: url(../images/svg/ico-search-green.svg); background-repeat: no-repeat; background-size: 1.25rem; background-position: calc(100% - 1.5rem) 50%; } .head_wrapper .search.searching input { background-image: url(../images/svg/ico-spinner-green.svg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #hamburger { display: inline-block; font-size: var(--rem); line-height: 0; padding: .5rem .5rem; overflow: visible; cursor: pointer; transition: .25s ease; } #hamburger .wrap { width: 2.5rem; height: 1.75rem; } #hamburger span { display: block; position: absolute; left: 50%; transform: translateX(-50%); height: 3px; border-radius: .2em; width: 2.5rem; background-color: var(--green); transform-origin: center; will-change: transform; transition: .25s ease; } #hamburger .top_bun { top: 0; } #hamburger .burger { top: calc(50% - 2px); } #hamburger .bottom_bun { bottom: 0; } /* Tapped / Clicked animation */ /* * Copiare l'animazione scelta dal file hamburger.css * oppure utilizare quella base qui sotto */ #hamburger.tapped span { transition: .25s ease; } #hamburger.tapped .burger { opacity: 0; } #hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); } #hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav { display: block; transition: .5s ease; transform: translateY(-100%); opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; height: 100dvh; } #main_nav.open { transform: translateY(3px); opacity: 1; pointer-events: initial; top: 9rem; height: calc(100dvh - 9rem - 3px); } header.scroll_on #main_nav.open { height: calc(100dvh - 9rem + 5.25rem); } #main_nav .menu_wrapper { border-top: 3px solid var(--green); top: 0; left: 0; } #main_nav .menu { text-align: center; } #main_nav .menu :where(button, a) { font-size: 3.25vh; color: var(--text_color); font-size: 1.5em; line-height: 1; padding: .5rem; } #main_nav .menu :where(button, a):hover { color: var(--green); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ header .search.open .results_wrapper { margin-top: 1rem; } header .search .results { overflow-y: scroll; max-height: 60vh; padding: 0 1rem; } header .search .results::-webkit-scrollbar { width: 6px; background-color: var(--main_bkg); } header .search .results::-webkit-scrollbar-thumb { width: 6px; background-color: var(--green); } header .search .results .single_post_type { padding: 1.5rem 0; border-top: 1px solid var(--green); } header .search .results .single_post_type:first-child { border: 0; padding-top: 0; } header .search .results li { padding: 0.75rem 0; border-bottom: 1px solid rgb(var(--text_color-rgb) / 10%); } header .search .results li:last-child { border-bottom: 0; } header .search .results a { gap: 1rem; } header .search .results a .text { width: 65%; } header .search .results a .text .date { font-size: 0.75rem; } header .search .results a .text .title { margin-top: 0.25rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .color_switcher input { opacity: 0; appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .color_switcher label { position: relative; display: block; width: 4rem; height: 2rem; background-color: var(--main_bkg); border-radius: 5rem; } .color_switcher .ico { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transition: .5s ease; background-image: url(../images/svg/ico-sun-green.svg); background-repeat: no-repeat; background-size: 1.25rem; background-position: calc(100% - 0.55rem) 50%; } .color_switcher label::after { content: ""; position: absolute; top: 50%; left: 0.35rem; height: 1.25rem; width: 1.25rem; background-color: var(--green); border-radius: 8rem; transform: translateY(-50%); transition: .5s ease; } .color_switcher.active label::after { left: calc(100% - 1.35rem - 0.25rem);} .color_switcher.active .ico { background-image: url(../images/svg/ico-moon-green.svg); background-size: 1.15rem; background-position: 0.35rem 50%; } #main_nav .color_switcher { top: 1rem; left: 50%; transform: translateX(-50%); } .head_wrapper .left .color_switcher { display: none; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link { display: flex; justify-content: center; align-items: center; position: relative; width: fit-content; padding: 0.35rem 1.5rem; border-radius: 0.5rem; gap: 0.5rem; transition: 0.35s ease; } .tac_responsive.text :where(.link, .btn) { margin: 1.5em auto 0 auto; } .link svg { height: 1.25rem; min-height: 1.25rem; min-width: 1rem; transition: 0.35s ease; } .link svg path { transition: 0.35s ease; } .link span { font-weight: 500; transition: 0.35s ease; } .link::after { content: url(../images/svg/arrow-green.svg); position: relative; width: 1.15rem; min-width: 1.15rem; transform: translateY(3px); transition: 0.35s ease; } .link.white { background-color: var(--text_color); } .link.white span { color: var(--main_bkg); } .link.white svg path { fill: var(--main_bkg); } .link.white::after { filter: brightness(0); } [data-theme="light"] .link.white::after { filter: brightness(0) invert(1); } .link.grey { background-color: var(--grey_bkg); color: var(--green); } .link.grey svg path { fill: var(--green); } .link.blue { background-color: var(--blue); color: var(--white); } .link.blue svg path { fill: var(--white); } .link.blue::after { filter: brightness(0) invert(1); } .link.red { background-color: var(--red); color: var(--white); } .link.red svg path { fill: var(--white); } .link.red::after { filter: brightness(0) invert(1); } .link.green { background-color: var(--green); color: var(--white); } .link.green svg path { fill: var(--white); } .link.green::after { filter: brightness(0) invert(1); } .link:hover { background-color: var(--text_color); color: var(--main_bkg); } .link:hover span { color: var(--main_bkg); } .link:hover svg path { fill: var(--main_bkg); } .link:hover::after { filter: brightness(0); } [data-theme="light"] .link:hover::after { filter: brightness(0) invert(1); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_color { background-color: var(--color); mix-blend-mode: multiply; opacity: .5; } .filter.last_vw100 { left: calc(var(--c5o) * -1); width: 100vw; height: calc(100% + var(--c7v)); } .filter.middle_vw100 { left: calc(var(--c5o) * -1); width: 100vw; height: 100%; } .filter.c15v { height: calc(100% + var(--c15v)); } .page_bkg { background-color: var(--main_bkg); } .filter_grey { background-color: var(--grey_bkg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DIRETT TV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .diretta_tv::after { content: "ON AIR"; position: relative; margin-left: 0.5rem; font-size: 10px; background-color: var(--green); padding: 0.25rem; border-radius: 0.25rem; color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .tac_responsive { text-align: center; } .green { color: var(--green); } /* Sec title */ .sec_title { position: relative; display: block; padding-bottom: 0.5rem; border-bottom: 1px solid rgb(var(--text_color-rgb) / 75%); margin-bottom: 2rem; text-align: center; } .sec_title::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 6rem; height: 3px; transform: translate(-50%, 50%); } .sec_title h1 { font-size: calc(var(--h1-size) * 1.35); } .sec_title.green h2 span { color: var(--green); } .sec_title.green::after { background-color: var(--green); } .sec_title.blue h2 span { color: var(--white); } [data-theme="light"] .sec_title.blue h2 span { color: var(--blue); } .sec_title.blue::after { background-color: var(--blue); } .sec_title.orange h2 span { color: var(--orange); } .sec_title.orange::after { background-color: var(--orange); } .sec_title.red h2 span { color: var(--red); } .sec_title.red::after { background-color: var(--red); } .sec_title.black h2 span { color: var(--black); } .sec_title.black::after { background-color: var(--black); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .tag { padding: 0.25rem 0.25rem; border-radius: 0.25rem; width: fit-content; text-align: center; } .tag .comune { font-weight: 700; } .tag .tipologia { text-transform: uppercase; font-weight: 700; } /* Green */ .tag.green { background-color: var(--green); color: var(--white); } .tag.green span { color: var(--white); } /* Blue */ .tag.blue { background-color: var(--blue); color: var(--white); } .tag.blue span { color: var(--white); } /* Red */ .tag.red { background-color: var(--red); color: var(--white); } .tag.red span { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #scroll_btn { display: inline-block; position: absolute; left: 50%; bottom: 1.5em; --scroll-px: 40px; --scroll-min: 40; --scroll-max: 60; max-width: 60px; transform: translateX(-50%); cursor: pointer; z-index: 1; } #scroll_btn svg { width: 100%; animation: hang_scroll 1.5s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { from { transform: translateY(0); } to { transform: translateY(.5em); } } #scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; } #scroll_btn svg path { fill: var(--black); transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .nav_btn { top: 50%; background-color: var(--green); padding: 0.35rem; border-radius: 0.25rem; width: 1.75rem; z-index: 1; cursor: pointer; transition: .25s ease; } .nav_btn :where(img, svg) { width: 100%; } .nav_btn svg path { fill: var(--black); transition: .25s ease; } .nav_prev { left: 0; transform: translate(-50%, -50%); } .nav_next { right: 0; transform: translate(50%, -50%); } .nav_btn.swiper-button-disabled { display: none; } /* Colors */ .nav_btn.red { background-color: var(--red); } .nav_btn.orange { background-color: var(--orange); } .nav_btn.blue { background-color: var(--blue); } /* Dots */ .swiper-dots { position: relative; display: block; width: 100%; left: unset; transform: unset; text-align: center; bottom: unset; top: unset; margin-top: 1.25rem; } .swiper-dots span { width: 0.75rem; height: 0.75rem; background-color: rgb(var(--text_color-rgb) / 75%); border: 1px solid rgb(var(--text_color-rgb) / 75%); opacity: 1; margin: 0 0.15rem; } .swiper-dots.red span.swiper-pagination-bullet-active { background-color: var(--red); border: 1px solid var(--red); } .swiper-dots.green span.swiper-pagination-bullet-active { background-color: var(--green); border: 1px solid var(--green); } .swiper-dots.blue span.swiper-pagination-bullet-active { background-color: var(--blue); border: 1px solid var(--blue); } /* NAV glightbox */ .glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .bkg_placehoder { position: absolute; transform: scale(1.2); top: 0; left: 0; width: 100%; height: 100%; filter: blur(5px); opacity: 0.5; background-position: center; background-size: cover; border-radius: 0.5rem 0.5rem 0 0; background-repeat: no-repeat; pointer-events: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato */ .sticky { top: 15vh; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #breadcrumb { display: inline-block; } #breadcrumb li { list-style: none; margin: 0; display: inline; } #breadcrumb :where(a,span) { display: inline; font-size: 0.85rem; color: rgb(var(--text_color-rgb) / 50%); transition: .35s ease; } #breadcrumb a:hover { color: rgb(var(--text_color-rgb) / 100%); } #breadcrumb li .separator { margin: 0 0.3rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGINATION ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .pagination { display: flex; justify-content: center; align-items: center; } .pagination a, .pagination span { padding: 0.5rem 0.75rem; color: var(--text_color); border-left: 1px solid rgb(var(--text_color-rgb) / 25%); } .pagination .page-numbers:first-child { border-left: 0; } .pagination a:hover, .pagination span:hover { background-color: var(--green); color: var(--white); } /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer .container { gap: 3.5rem 2rem; } /* Foot Block */ .foot_block h3.flex { gap: 0.5rem; } .foot_block h3 svg { height: 1.25rem; width: auto; } .foot_block h3 svg path { fill: var(--text_color); } .foot_block .block { margin-top: 2rem; } .foot_block .title_border { position: relative; display: block; width: 100%; height: 1px; background-color: rgb(var(--white-rgb) / 65%); margin: 0.5rem 0 0.75rem 0; } .foot_block .title_border::after { content: ""; position: absolute; top: 50%; left: 50%; height: 3px; width: 4rem; background-color: var(--green); transform: translate(-50%, -50%); } .foot_block :where(p, a, button) { color: var(--text_color); margin-top: 0.8rem; font-weight: 400; font-size: 0.8rem; } .foot_block .flex_block { display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .foot_block .flex_block svg { height: 1.25rem; width: auto; min-width: 1rem; } .foot_block .flex_block svg path { fill: var(--text_color); } /* Foot Info */ #foot_info { order: 6; } #foot_info .copyrights { opacity: 0.65; } /* Foot Newsletter */ #foot_newsletter .title { margin-bottom: 1rem; } /* Diretta fixed - Streaming iframe*/ #streaming_iframe { position: fixed; bottom: 0; right: 50%; transform: translate(50%, calc(100% + 2rem)); width: 100%; z-index: 5; border-radius: 0.5rem 0.5rem 0 0; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 50%); background-color: var(--grey_bkg); opacity: 0; pointer-events: none; transition: .5s ease; } #streaming_iframe.open { transform: translate(50%, 0); opacity: 1; pointer-events: initial; } #streaming_iframe .close { top: 0.5rem; right: 0.5rem; padding: 0.5rem; width: 1.5rem; background-color: var(--white); border-radius: 8rem; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center;} #streaming_iframe .close svg { width: 0.75rem; } #streaming_iframe .diretta_tv { padding: 0.75rem 1rem; } #streaming_iframe .diretta_tv_current span { display: block; color: var(--text_color); margin-bottom: 0.5rem; } #streaming_iframe .diretta_tv_next { display: block; margin-top: 0.5rem; color: var(--text_color); } #streaming_iframe .left iframe { width: 100%; max-height: 7rem; max-width: 100%; aspect-ratio: 16 / 9; } #streaming_iframe .right { padding-left: 1rem; } #streaming_iframe .right a { color: var(--text_color); font-size: 1.25rem; font-weight: 600; } /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* .s1 { overflow: hidden; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION APP FOOT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #sec_app_foot { border-bottom: 3px solid var(--green); } #sec_app_foot .filter { background: linear-gradient(to right, rgb(var(--grey_bkg-rgb) / 100%) 0%,rgb(var(--grey_bkg-rgb) / 90%) 100%); } #sec_app_foot .text h2 { color: var(--text_color); } #sec_app_foot .loghi { margin: 2rem 0 3rem 0; gap: 1rem; } #sec_app_foot .loghi a img { width: 7rem; min-width: 7rem; display: block; } #sec_app_foot picture img { max-width: 300px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TOP BANNER HEAD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #top_banner { padding-top: 9rem; transition: .5s ease; } #top_banner.scroll_on { padding-top: 8rem; } #top_banner .tbam-position-top { max-width: calc(var(--maxw_site) - var(--c10o)); margin: 0 auto; } #top_banner img { width: 100%; object-fit: contain; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LAYOUT VERTICAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ .layout_vertical { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADV SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #adv_sidebar { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADV MOBILE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .single_adv { width: 100%; } .single_adv img { width: 100%; } .adv_mobile { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1rem; } .adv_mobile .tbam-ad { width: 100%;} .adv_mobile .single_adv img { object-fit: contain; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NEWS FILTRATE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filtered_cards { gap: 1rem; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPERS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ /* News */ .cards_swiper { position: relative; width: 100%; } .cards_swiper .swiper { width: 125vw; margin-top: 1rem; } .cards_swiper .nav_btn { display: none; } /* Programs */ .sec_programs_slider .sec_title { margin-right: var(--c5o); display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .sec_programs_slider .sec_title svg { width: 1.25rem; } .sec_programs_slider .sec_title svg path { fill: var(--text_color); } .sec_programs_slider .swiper { width: 125vw; } .sec_programs_slider .swiper_container .nav_btn { display: none; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DIRETTA TV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ #sec_diretta_tv { background-color: var(--green); } #sec_diretta_tv .right { background-color: var(--grey_bkg); padding: 2rem 1.5rem 0 1.5rem; } #sec_diretta_tv .link_diretta { background-color: var(--white); padding: 0.75rem 1rem; margin-top: 1rem; gap: 0.5rem; width: calc(100% + 3rem); margin-left: -1.5rem; border-radius: 0 0 0.5rem 0.5rem; } #sec_diretta_tv .link_diretta span { color: var(--green); font-weight: 500; } #sec_diretta_tv .prog_list { max-height: 40vh; overflow-y: auto; } #sec_diretta_tv .prog_list::-webkit-scrollbar { width: 6px; background-color: transparent; border: 1px solid rgb(var(--text_color-rgb) / 50%); } #sec_diretta_tv .prog_list::-webkit-scrollbar-thumb { width: 6px; background-color: var(--text_color); } #sec_diretta_tv .prog_element { gap: 1rem; padding: 0.5rem 0; } #sec_diretta_tv .prog_element:first-child { padding-top: 0; } #sec_diretta_tv .prog_element:last-child { padding-bottom: 0; } #sec_diretta_tv .prog_element time { position: relative; font-size: 1.5rem; font-weight: 500; color: var(--text_color); min-width: 4.25rem; } #sec_diretta_tv .prog_element time::before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(calc(-100% - 0.25rem), -50%); width: 6rem; height: 1px; background-color: var(--white); } #sec_diretta_tv .prog_element :where(a, p, span) { font-size: 1rem; } #sec_diretta_tv .prog_element a svg { width: 1rem; margin-left: 0.5rem; } #sec_diretta_tv .prog_element a svg path { fill: var(--text_color); } #sec_diretta_tv .oggi-tv-on-air { padding-bottom: 0.5rem; border-bottom: 1px solid rgb(var(--text_color-rgb) / 25%); margin-bottom: 0.75rem; } #sec_diretta_tv .left iframe { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border-radius: 0.5rem 0.5rem 0 0 ; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PLUGIN ADV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ /* Popup */ .tbam-popup__dialog { width: max-content; max-width: 90%; background-color: transparent; background: unset; border-radius: 0.5rem; background-color: var(--grey_bkg); } .tbam-popup__dialog::before { content: "Pubblicità"; width: 100%; padding: 0.75rem 1rem; display: block; position: relative; color: var(--text_color);} .tbam-popup__backdrop { background: unset; background-color: rgb(var(--black-rgb) / 65%); } .tbam-popup__close { top: 0.5rem; right: 0.5rem; padding: 0.5rem; width: 1.75rem; height: 1.75rem; background-color: var(--white); border-radius: 8rem; display: flex; justify-content: center; align-items: center; font-size: 1rem; color: var(--black); } /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Container */ .cards_container { position: relative; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 1rem; } /* Default */ .card { background-color: var(--grey_bkg); border-radius: 0.5rem; width: 100%; } .cards_container .card:not(.card.featured) { width: calc(50% - 0.5rem); } .card.swiper-slide { height: auto; } .card.alt_color { background-color: var(--main_bkg); } .card .thumb_img img { object-fit: contain; transition: .35s ease; } .card:hover .thumb_img img { transform: scale(1.025); } .card .play_ico { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2rem; min-width: 2rem; filter: drop-shadow(0 0 0.5rem rgb(var(--black-rgb) / 100%)); border-radius: 8rem; transition: .35s ease; } .card .filter_hover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: .35s ease; } .card:hover .filter_hover { opacity: 1; } .card .card_container { height: 100%; } .card a h3:not(.h1) { font-size: clamp(15px, calc(15px + 1.171vw), 1rem); color: var(--text_color); margin-top: auto; } .card .top { overflow: hidden; border-radius: 0.5rem 0.5rem 0 0; width: 100%; } .card .tag_container { position: relative; width: 100%; margin-bottom: 0.5rem; display: flex; justify-content: flex-start; align-items: center; gap: 0.25rem; } .card .tag_container .tag { font-size: 0.6rem; color: var(--white); } .card .tag_container .tag .tipologia { color: var(--white); } .card .tag_container .tag .comune { font-weight: 400; color: var(--white); } .card .text_container { display: flex; flex-direction: column; flex: 1; padding: 1rem 0.75rem; width: 100%; border-radius: 0 0 0.5rem 0.5rem; } .card .text_container .text { display: flex; flex-direction: column; flex: 1; height: 100%; } .card .text_container .title { margin-bottom: 1rem; } .card .text_container .title p { margin-top: 0.75rem; font-size: 0.8rem; } .card .info { margin-top: auto; gap: 0.5rem 1rem; flex-wrap: wrap; } .card .info svg { height: 0.8rem; min-height: 0.8rem; width: auto; } .card .info svg path { fill: var(--text_color); } .card .info span { color: var(--text_color); } .card .info .single_info { gap: 0.5rem; } .card .info .single_info span { font-size: 0.75rem; } /* Link */ .card .post_link { position: relative; display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%; text-align: center; padding: 1rem; border-radius: 0 0 0.5rem 0.5rem; } .card .post_link span { display: block; position: relative; font-weight: 500; color: var(--white); } .card .post_link svg { width: 1.25rem; min-width: 1.25rem; } .card .post_link svg path { fill: var(--white); } /* Featured */ .card.featured .info { margin-top: unset; } .card.featured .text_container { padding: 2rem 1rem; } .card.featured .text_container .text { justify-content: space-between; } /* Versione orizzontale */ .card.horizontal { background-color: unset; } .card.horizontal .card_container { flex-direction: row; gap: 1rem; } .card.horizontal .top { width: 50%; border-radius: 0; } .card.horizontal .text_container { display: flex; flex-direction: column; width: 50%; padding: 0; } .card.horizontal .text_container .text { justify-content: space-between; } .card.horizontal .info { margin-top: unset; } .card.horizontal .info svg { display: none; } .card.horizontal picture img { border-radius: 0; } /* ∞∞∞∞∞∞∞∞∞∞ Colors ∞∞∞∞∞∞∞∞∞∞ */ /* General */ .card.green .text_container { background-color: var(--green); } .card.green .text_container .text .title * { color: var(--white); } .card.green .text_container .text .single_info * { color: var(--white); } .card.green .text_container .text .single_info svg path { fill: var(--white); } .card.green .tag_container .tag { background-color: var(--white); color: var(--green); } .card.featured.green .tag_container .tag { background-color: var(--white); } .card.featured.green .tag_container .tag span { color: var(--green); } .card.blue .text_container { background-color: var(--blue); } .card.blue .text_container .text .title * { color: var(--white); } .card.blue .text_container .text .single_info * { color: var(--white); } .card.blue .text_container .text .single_info svg path { fill: var(--white); } .card.blue .tag_container .tag { background-color: var(--white); color: var(--blue); } .card.featured.blue .tag_container .tag { background-color: var(--white); } .card.featured.blue .tag_container .tag span { color: var(--blue); } .card.red .text_container { background-color: var(--red); } .card.red .text_container .text .title * { color: var(--white); } .card.red .text_container .text .single_info * { color: var(--white); } .card.red .text_container .text .single_info svg path { fill: var(--white); } .card.red .tag_container .tag { background-color: var(--white); color: var(--red); } .card.featured.red .tag_container .tag { background-color: var(--white); } .card.featured.red .tag_container .tag span { color: var(--red); } .card.black .text_container { background-color: var(--main_bkg); } .card.black .text_container .text .title * { color: var(--text_color); } .card.black .text_container .text .single_info * { color: var(--text_color); } .card.black .text_container .text .single_info svg path { fill: var(--text_color); } .card.black .tag_container .tag { background-color: var(--white); color: var(--white); } .card.featured.black .tag_container .tag { background-color: var(--white); color: var(--black); } .card.featured.black .tag_container .tag span { color: var(--black); } /* Tb news */ .card.tbnews .tag_container .tag { background-color: var(--blue); } .card.tbnews .post_link { background-color: var(--blue); } .card.tbnews .filter_hover { background: linear-gradient(to bottom, rgb(var(--blue-rgb) / 0%) 0%, rgb(var(--blue-rgb) / 100%) 100%); } .card.tbnews:hover .play_ico { background-color: var(--blue); } /* Tb sport */ .card.tbsport .tag_container .tag { background-color: var(--red); } .card.tbsport .post_link { background-color: var(--red); } .card.tbsport .filter_hover { background: linear-gradient(to bottom, rgb(var(--red-rgb) / 0%) 0%, rgb(var(--red-rgb) / 100%) 100%); } .card.tbsport:hover .play_ico { background-color: var(--red); } /* Rubriche */ .card.rubriche .tag_container .tag { background-color: var(--green); } .card.rubriche .post_link { background-color: var(--green); } .card.rubriche .filter_hover { background: linear-gradient(to bottom, rgb(var(--green-rgb) / 0%) 0%, rgb(var(--green-rgb) / 100%) 100%); } .card.rubriche:hover .play_ico { background-color: var(--green); } /* Speciali */ .card.speciali .tag_container .tag { background-color: var(--green); } .card.speciali .post_link { background-color: var(--green); } .card.speciali .filter_hover { background: linear-gradient(to bottom, rgb(var(--green-rgb) / 0%) 0%, rgb(var(--green-rgb) / 100%) 100%); } .card.speciali:hover .play_ico { background-color: var(--green); } /* Programmi */ .card.programmi .tag_container .tag { background-color: var(--green); } .card.programmi .post_link { background-color: var(--green); } .card.programmi .filter_hover { background: linear-gradient(to bottom, rgb(var(--green-rgb) / 0%) 0%, rgb(var(--green-rgb) / 100%) 100%); } .card.programmi:hover .play_ico { background-color: var(--green); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_empty { padding: 2em 1.5em; } .card_empty svg { width: 6em; } .card_empty .text { margin-top: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home .container { padding-bottom: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* .card.horizontal a h3 { --h3-max: 50; --h3-size: 50px; --h3-min: 35; --h3-min-px: 35px; --h3-diff: calc( var(--h3-max) - var(--h3-min) ); --h3-size: calc( var(--h3-min-px) + var(--h3-diff) * ((100vw - 360px) / 1560)); font-size: var(--h3-size); line-height: 1; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_home .filter { height: var(--c15v); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE DIRETTA TV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_diretta_tv #sec_diretta_tv { background-color: unset; } #page_diretta_tv #sec_diretta_tv .sec_title h2 span { color: var(--green); } #page_diretta_tv #sec_diretta_tv .sec_title::after { background-color: var(--green); } #page_diretta_tv #sec_diretta_tv .right { border-radius: 0 0 0.5rem 0.5rem; padding-bottom: 2rem; } #page_diretta_tv #sec_diretta_tv .link_diretta { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_contatti .contact_container { border: 1px solid rgb(var(--text_color-rgb) / 15%); padding: 2rem 1rem; border-radius: 0.5rem; } #s1_contatti .contact_container h3 { margin-bottom: 1.25rem; } #s1_contatti .contact_container .contacts { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 1.5rem 1rem; } #s1_contatti .single_contact { display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem; width: 100%;} #s1_contatti .single_contact img { width: 2.5rem; min-width: 2.5rem; } #s1_contatti .single_contact p span { display: block; position: relative; width: 100%; margin-top: 0.25rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PUBBLICITA' ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Generic */ #page_pubblicita :where(p, li) { font-size: calc(var(--p-size) * 1.15); } #page_pubblicita li { list-style: none; margin-top: 1rem; } #page_pubblicita h2 { font-size: calc(var(--h2-size) * 1.25); } #page_pubblicita h2 span { color: var(--green); } #page_pubblicita h3 { font-size: calc(var(--h3-size) * 1.25); } #page_pubblicita .text p { margin-top: 1em; } /* Section 1 */ #s1_pubblicita .container { padding-top: calc(var(--c7v) + 9rem); } #s1_pubblicita .s1_title h1 { font-size: 2.75rem;} #s1_pubblicita .s1_title h1 .green { display: block; } #s1_pubblicita .right picture { margin-bottom: calc((var(--c7v) * -1) - 1.5rem); z-index: 2; position: relative; display: flex; justify-content: center; align-items: center; } #s1_pubblicita .right picture img { max-width: 350px; } /* Section 2 */ #s2_pubblicita { background-color: var(--grey_bkg); } #s2_pubblicita .container { padding-top: calc(var(--c7v) + 1.5rem); } #s2_pubblicita .text h2 .green { display: block; } #s2_pubblicita .punti { display: grid; gap: 1.5rem; margin-top: 1.5rem; padding-bottom: 2rem; } #s2_pubblicita .punti .single_punto { gap: 1rem; } #s2_pubblicita .punti .single_punto img { width: 4rem; } #s2_pubblicita .punti .single_punto .title { font-weight: 900; text-align: left; } #s2_pubblicita .punti .single_punto .subtitle { margin-top: 0.25rem; text-align: left; } #s2_pubblicita .form_container { padding-top: 2rem; border-top: 1px solid rgb(var(--text_color-rgb) / 20%); } /* Section 3 */ #s3_pubblicita .title_block { margin-bottom: 2rem; } #s3_pubblicita .txt_container { gap: 4rem; } #s3_pubblicita .txt_block .text { margin: 1rem 0; } #s3_pubblicita .txt_block .ico { width: 4rem; text-align: center; } #s3_pubblicita .txt_block .subtitle { font-weight: 900; } #s3_pubblicita .img_block picture img { border-radius: 0.5rem; } /* Section 4 */ #s4_pubblicita { background-color: var(--grey_bkg); } #s4_pubblicita .txt_container { gap: 4rem; } #s4_pubblicita .img_block picture img { border-radius: 0.5rem; } /* Section 5 */ #s5_pubblicita .title_block { margin-bottom: 2rem; } #s5_pubblicita .cards { align-items: stretch; gap: 1rem; } #s5_pubblicita .cards .single_card { background-color: var(--grey_bkg); padding: 1rem; border-radius: 0.5rem; width: 100%; } #s5_pubblicita .cards .single_card .ico { width: auto; height: 4rem; margin-bottom: 1rem; } #s5_pubblicita .cards .single_card .title { font-weight: 900; } /* Mappa */ /* .map { min-height: 25rem; z-index: 1; } .map .leaflet-control-attribution { display: none; } */ /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Filter */ .s1_archive .filter_label { background-color: var(--grey_bkg); border-radius: 0.5rem; padding: 0.65rem 1rem; cursor: pointer; transition: .25s ease; } .s1_archive .filters_container { position: relative; width: 100%; border-radius: 0.5rem; margin-bottom: 2rem; } .s1_archive .filters_container.open .filter_label { border-radius: 0.5rem 0.5rem 0 0; } .s1_archive .filter_label svg :where(path, rect) { fill: var(--white); transition: 0.25s ease; } .s1_archive .filter_label .left { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; } .s1_archive .filter_label .left svg { width: 1.5rem; } .s1_archive .filter_label .left span { color: var(--white); font-weight: 500; } .s1_archive .filter_label .right svg { width: 1rem; } .s1_archive .filters_container.open .filter_label .st0 { opacity: 0; } .s1_archive form { background-color: var(--grey_bkg); padding: 1.5rem 1rem; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 0 0.5rem 0.5rem; transform: translateY(calc(100% - 1px)); z-index: 2; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 10%); display: none; } .s1_archive form .form_container { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1.25rem 1rem; } .s1_archive form .single_field { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.75rem 1rem; width: 100%; } .s1_archive form .single_field .label { display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%; } .s1_archive form .single_field .label svg { width: 1.15rem; min-width: 1.15rem; } .s1_archive form .single_field .label svg path { fill: var(--text_color); } .s1_archive form .single_field .label span { color: var(--text_color); font-weight: 500; font-size: 1rem; } .s1_archive form .single_field :where(input, select) { width: 100%; background-color: var(--main_bkg); color: rgb(var(--text_color-rgb) / 75%); font-family: var(--main-font); font-size: 16px; } .s1_archive form .single_field input { padding: 0.75rem 1rem; } .s1_archive form .single_field select { appearance: none; -webkit-appearance: none; background-image: url(../images/svg/select-arrow-white.svg); background-size: 0.9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) 50%; padding: 0.75rem 2rem 0.75rem 1rem; } [data-theme="light"] .s1_archive form .single_field select { background-image: url(../images/svg/select-arrow-black.svg); } .s1_archive form .single_field input::placeholder { color: rgb(var(--text_color-rgb) / 75%); } .s1_archive form button { text-transform: uppercase; font-weight: 700; font-size: 0.8rem; padding: 0.25rem 0.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s2_archive .sec_title h2 a { margin: 1rem auto; } .sec_programs_slider :where(#swiper_rubriche, #swiper_programmi, #swiper_speciali) .swiper { padding-bottom: calc(0.5rem + 2px); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAX PROGRAMMI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_tax-tipologie-programmi .cards_container a { width: calc(50% - 0.5rem); } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1_single #breadcrumb { padding: 0 var(--c5o) 1rem var(--c5o); border-bottom: 1px solid rgb(var(--text_color-rgb) / 25%); text-align: center; } .card_single .detalis { padding: 2rem 1rem; } .card_single .detalis .label { display: block; width: 100%; text-align: center; font-size: 0.85rem; font-weight: 900; margin-bottom: 1rem; } .card_single .info_container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.5rem 1rem; } .card_single .info_container .single_info { gap: 0.5rem; } .card_single .info_container .single_info svg { height: 1rem; width: auto; min-height: 1rem; } .card_single .info_container .single_info svg path { fill: var(--text_color); } .card_single .info_container .single_info span { color: var(--text_color); font-size: 0.85rem; } .card_single .btns_container { margin-top: 1.25rem; gap: 0.5rem; } .card_single .btns_container .link { min-width: 14rem; } .card_single .btns_container .link span { font-size: 0.8rem; } .card_single .share { padding-top: 1.5rem; } .card_single .share .a2a_kit { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; } .card_single .share .a2a_kit a { border: 1px solid var(--text_color); border-radius: 0.5rem; padding: 0.25rem; } .card_single .share .a2a_kit a span { width: 1.75rem; height: 1.75rem; } .card_single .share .a2a_svg { background-color: transparent !important; } .card_single .share .a2a_svg path { fill: var(--text_color); } .card_single .title { padding: 2rem var(--c5o) 0 var(--c5o); background-color: var(--grey_bkg); } .card_single .title .tag_container { margin-bottom: 1.5rem; } .card_single .title .tag_container .tag span { font-size: 0.7rem; } .card_single .title .intro h1 { color: var(--text_color); } .card_single .title .intro p { font-size: 1.1rem; margin-top: 1rem; font-family: var(--title-font); } .card_single .title .content h2 { font-size: 1.5rem; } .card_single .title .content h3 { font-size: 1.25rem; } .card_single .title .content p { color: var(--text_color); margin-top: 1rem; line-height: 1.6; } .card_single .title .author { margin: 1.5rem 0 3rem 0; } .card_single .title .author p { font-size: 0.8rem; font-style: italic; } .card_single .main_video { width: 100vw; margin-left: calc(var(--c5o) * -1); } .card_single .archive_link { width: calc(100% + var(--c10o)); margin-left: calc(var(--c5o) * -1); padding: 1rem; border-radius: 0; margin-top: 2rem; } .card_single .main_video .fluid_ad_playing { color: var(--blacks); } /* Video */ .card_single .tb-player-shell video { display: block; width: 100%; aspect-ratio: 16 / 9; } .card_single .fluid_initial_play { border-radius: 8rem; width: 3rem; min-width: 3rem; height: 3rem; background: unset; border-radius: unset; background-color: transparent; } .card_single .fluid_initial_play_button { background-image: url(../images/svg/play.svg); background-size: 100%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; margin: unset; border: unset; } .card_single .tb-player-placeholder { position: relative; width: 100%; } .card_single .tb-external-video iframe { width: 100%; } .card_single .tb-player-shell { position: relative; width: 100%; border-radius: 0.5rem 0.5rem 0 0;} .card_single .tb-player-shell.is-transitioning { pointer-events: none; will-change: transform; } .card_single .tb-player-mini-close { display: none; position: absolute; top: 0.5rem; right: 0.5rem; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 1px solid rgb(var(--white-rgb) / 70%); border-radius: 8rem; background-color: rgb(var(--black-rgb) / 70%); color: var(--white); font-size: 1.25rem; line-height: 1; cursor: pointer; z-index: 30; } .card_single .tb-player-shell.is-mini { position: fixed; top: 9rem; border-radius: 0.5rem; z-index: 5; width: 100%; transition: .35s ease; left: 50%; transform: translateX(-50%); } .card_single .tb-player-shell.is-mini.scroll_on { top: calc(4rem - 4px); } .card_single .tb-player-shell.is-mini .tb-player-mini-close { display: flex; } .card_single .tb-player-shell.is-mini video { border-radius: 0.5rem; } .card_single .tb-media-cover .thumb_img img { object-fit: contain; position: relative; } /* Gallery */ .card_single .tb-media-gallery .nav_prev { transform: translate(0, -50%); left: 1rem; } .card_single .tb-media-gallery .nav_next { transform: translate(0, -50%); right: 1rem; } /* News */ #s1_single.tbnews #breadcrumb li .current { color: var(--blue); font-weight: 900; } #s1_single.tbnews .card_single .detalis .label { color: var(--text_color); } /* Sport */ #s1_single.tbsport #breadcrumb li .current { color: var(--red); font-weight: 900; } #s1_single.tbsport .card_single .detalis .label { color: var(--red); } /* Programmi */ #s1_single_programmi #breadcrumb li .current { color: var(--green); font-weight: 900; } #s1_single_programmi .card_single .detalis .label { color: var(--green); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PROGRAMMI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single_programmi .banner .text { padding: 0 1rem 1rem 1rem; } #s1_single_programmi .banner .text h1 { font-size: calc(var(--h1-size) * 1.25); } #s1_single_programmi .banner .text .subtitle { font-size: calc(var(--p-size) * 1.5); font-weight: 600; } #s1_single_programmi .banner .text p { margin-top: 1rem; } #s1_single_programmi .banner .text #active_programmazione { margin-top: 1rem; transition: .35s ease; } #s1_single_programmi .banner .text #active_programmazione:hover { transform: translateX(0.25rem); } #s1_single_programmi .banner .text #active_programmazione span { color: var(--text_color); } #s1_single_programmi .banner .text #active_programmazione svg path { fill: var(--text_color); } /* Popup programmazione */ #s1_single_programmi .banner .lista_programmazione { bottom: 0; right: 0; height: 100%; max-height: fit-content; padding: 1rem; background-color: var(--grey_bkg); width: fit-content; border-radius: 0.5rem; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 50%); border: 1px solid var(--green); display: none; } #s1_single_programmi .banner .lista_programmazione .in_onda { height: 47%; padding-right: 1rem; overflow-y: auto; max-height: fit-content; } #s1_single_programmi .banner .lista_programmazione .replica { margin-top: 1rem; padding-right: 1rem; height: 47%; overflow-y: auto; max-height: fit-content; } #s1_single_programmi .banner .lista_programmazione .in_onda::-webkit-scrollbar, #s1_single_programmi .banner .lista_programmazione .replica::-webkit-scrollbar { width: 6px; background-color: var(--main_bkg); } #s1_single_programmi .banner .lista_programmazione .in_onda::-webkit-scrollbar-thumb, #s1_single_programmi .banner .lista_programmazione .replica::-webkit-scrollbar-thumb { width: 6px; background-color: var(--green); } #s1_single_programmi .banner .lista_programmazione .in_onda p { font-size: 0.85rem; margin-top: 0.35rem; } #s1_single_programmi .banner .lista_programmazione .replica p { font-size: 0.85rem; margin-top: 0.35rem; } #s1_single_programmi .banner .lista_programmazione .in_onda p { font-size: 0.85rem; margin-top: 0.35rem; } #s1_single_programmi .banner .lista_programmazione .replica p { font-size: 0.85rem; margin-top: 0.35rem; } #s1_single_programmi .banner .lista_programmazione .in_onda h3 { font-size: 1rem; } #s1_single_programmi .banner .lista_programmazione .replica h3 { font-size: 1rem; } #s1_single_programmi .banner .lista_programmazione .close { top: 0; right: 0; width: 1.25rem; height: 1.25rem; background-color: var(--white); border-radius: 8rem; font-size: 0.9rem; display: flex; justify-content: center; align-items: center; padding: 0.25rem; transform: translate(50%, -50%); cursor: pointer; } #s1_single_programmi .banner_bkg { position: relative; border-radius: 0.5rem 0.5rem 0 0; } #s1_single_programmi .filter { background: linear-gradient(to bottom, rgb(var(--main_bkg-rgb) / 0%) 50%,rgb(var(--main_bkg-rgb) / 100%) 100%); } #s2_single_programmi .container { padding-top: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /* WP-Form - Custom */ #form .wpforms-field { margin-bottom: 1rem; } #form .wpforms-field label, #form .wpforms-field legend { color: var(--text_color); font-weight: 400; text-align: left; font-size: 1rem; } #form .wpforms-field .wpforms-field-description { color: var(--text_color); } #form .wpforms-payment-total { color: var(--text_color); } #form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--green); border-radius: 0.25rem; padding: 0.5rem 1rem; font-size: 1.25rem; color: var(--text_color); } #form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--text_color); opacity: 0.8; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"], #form .wpforms-field.wpforms-field-payment-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid rgb(var(--text_color-rgb) / 65%); border-radius: 0.25rem; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked, #form .wpforms-field.wpforms-field-payment-checkbox li input[type="checkbox"]:checked { background-color: var(--white); background-size: 75%; } #form .wpforms-field.wpforms-field-checkbox li { align-items: flex-start; } #form .wpforms-field.wpforms-field-checkbox li label { padding: 0; color: var(--text_color); font-weight: 300; } #form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--green); } #form .wpforms-field.wpforms-field-radio li input[type="radio"] { border: 0; padding: 0; position: relative; width: 1rem; height: 1rem; } #form .wpforms-field.wpforms-field-radio li { margin: 0 !important; } #form .wpforms-field.wpforms-field-radio li label { color: var(--text_color); padding-left: 0.35em; } #form button[type=submit], #form input[type=submit] { padding: 0.25rem 1rem; font-size: 1.25rem; color: var(--white); text-transform: uppercase; width: 100%; background-color: var(--green); border: 1px solid var(--green); border-radius: 0.25rem; margin: 0 auto; } #form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--white); color: var(--black); } /* Segnalazione */ #form.segnalazione .wpforms-submit-container { max-width: 400px; margin: 0 auto; } /* Pagamento */ #payment_form #form { padding: 1.5rem 1rem; border: 1px solid rgb(var(--text_color-rgb) / 25%); border-radius: 0.5rem; } #payment_form #form .wpforms-field:where(#wpforms-23869-field_7-container, #wpforms-23869-field_8-container, #wpforms-23869-field_9-container, #wpforms-23869-field_10-container, #wpforms-23869-field_11-container, #wpforms-23869-field_12-container, #wpforms-23869-field_14-container, #wpforms-23869-field_15-container, #wpforms-23869-field_16-container, #wpforms-23869-field_17-container) { width: calc(50% - 0.5rem); } #payment_form #form #wpforms-23869-field_6-container :where(label, .wpforms-payment-total) { text-align: right; } #payment_form #form .wpforms-paypal-commerce-single-submit-button { width: 100%; max-width: 750px; margin: 0 auto; } #payment_form #form .paypal-button-container { max-width: unset; } /* Pubblicità */ #s2_pubblicita #form .wpforms-field.wpforms-field-radio ul { display: flex; justify-content: flex-start; align-items: center; gap: 1.75rem; } #s2_pubblicita #form :where(#wpforms-24273-field_2-container, #wpforms-24273-field_3-container, #wpforms-24273-field_4-container, #wpforms-24273-field_5-container, #wpforms-24273-field_6-container, #wpforms-24273-field_7-container) { width: calc(50% - 0.5rem); } /* MailPoet Form - Custom #form_mp { background-color: var(--white); } #form_mp .mailpoet_form .mailpoet_paragraph label { color: ; } #form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) { background-color: transparent; border: ; border-radius: ; padding: ; font-size: ; color: ; } #form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; } #form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; } #form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; } #form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; } #form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; } #form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit { padding: ; font-size: ; color: ; background-color: ; border: ; border-radius: ; } #form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; } */ /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie .s1_title h1 { font-size: 4rem; } #s1_grazie .s1_title p { font-size: 1.1rem; margin-top: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_404 { background-color: var(--bkg_color); } #s1_404 .s1_title h1 { font-size: 4rem; } #s1_404 .s1_title p { font-size: 1.1rem; margin-top: 1rem; } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) ) * => CALC 1920px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) ) * => CALC 1280px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) ) * => CALC 1024px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 360 * * __________________________________________________________________________________________________________________________________________________________________________ */ /* .head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); } */ /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper .left { gap: 0.5rem; width: calc(100% / 3); justify-content: flex-start; } .head_wrapper .menu { width: calc(100% / 3); } .head_wrapper .right { width: calc(100% / 3); justify-content: flex-end; } /* Dark mode */ #main_nav .color_switcher { display: none; } .head_wrapper .left .color_switcher { display: block; } /*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/ /* News filtrate */ .filtered_cards { align-items: stretch; } /*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/ .card.swiper-slide { height: auto; } .card .text_container { padding: 1.25rem 1rem; } .card.featured .text_container { padding: 2rem 1.5rem; } .card .tag_container { margin-bottom: 1rem; } /* Layout orizzontale .card.horizontal { min-width: 100%; border-radius: 0.5rem; } .card.horizontal .text_container { border-radius: 0 0 0.5rem 0.5rem; } .card.horizontal picture img { border-radius: 0.5rem 0.5rem 0 0; } */ /* Layout verticale .layout_vertical .first_card .card { min-width: 100%; border-radius: 0.5rem; } .layout_vertical .first_card .card .thumb_img img { border-radius: 0.5rem 0.5rem 0 0; } */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ .card_single .tb-player-shell.is-mini { max-width: 325px; } /*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/ /* Contatti */ #s1_contatti .contact_container { padding: 2rem 2rem; } /* Invia segnalazione */ #form.segnalazione :where(#wpforms-23881-field_1-container, #wpforms-23881-field_2-container, #wpforms-23881-field_3-container, #wpforms-23881-field_4-container) { width: calc(50% - 0.5rem); } /* Newsletter */ #form.newsletter :where(#wpforms-50-field_2-container, #wpforms-50-field_3-container) { width: calc(50% - 0.5rem); } /* Pagamento */ #payment_form #form { padding: 2.5rem 2rem; } /* Pubblicità */ #s5_pubblicita .cards .single_card { width: calc(50% - 0.5rem); } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer #form #wpforms-50-field_2-container, footer #form #wpforms-50-field_3-container { width: calc(50% - 1rem); } /* Streaming popup */ #streaming_iframe { right: var(--c2o); width: 20rem; transform: translate(0, calc(100% + 2rem)); } #streaming_iframe.open { transform: translate(0, 0); } #streaming_iframe .left iframe { max-height: unset; } #streaming_iframe .right { padding: 1.25rem 1rem 1.5rem 1rem; } #streaming_iframe .flex_container { flex-direction: column; } #streaming_iframe .flex_container .w50 { width: 100%; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Contents */ /* Credits */ #credits br { display: none; } #credits .resp_sep { display: inline-block; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .tac_responsive { text-align: left; } .tac_responsive.text :where(.link, .btn) { margin: 0; margin-top: 1.5em; } .sec_title { text-align: left; padding-bottom: 1rem; } .sec_title::after { left: 0; transform: translate(0, 50%); } #breadcrumb { justify-content: flex-start; } .maxw_80x { max-width: 80%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ header.scroll_on { transform: translate(-50%, -3rem); } .head_logo { transform: scale(1.5); transform-origin: top left; } .head_wrapper .left { width: max-content; gap: 3.25rem; } .head_wrapper .right { width: max-content; } /* Search */ .head_wrapper .search { padding-top: var(--c5v); } /* Menu green */ .menu_line { grid-template-columns: minmax(0, 1fr) max-content repeat(4, max-content);} .menu_line .ultime_news { grid-column: unset; order: unset; display: flex; justify-content: flex-start; align-items: stretch; background-color: var(--green); padding-left: 1rem; padding-right: 1rem; } .menu_line .ultime_news .ticker-wrapper { margin-left: 1rem; display: flex; justify-content: center; align-items: center; } .menu_line .ultime_news .ticker-track a { color: var(--white); } .menu_line .ultime_news .ticker-track a::before { background-color: var(--white); } .menu_line .ultime_news .label { border-right: 1px solid rgb(var(--white-rgb) / 65%); display: flex; justify-content: center; align-items: center; } .menu_line .ultime_news .label p { color: var(--white); } .menu_line .segnalazione { display: flex; justify-content: center; align-items: center; color: var(--white); padding: 0 1rem; border-right: 1px solid rgb(var(--white-rgb) / 65%); border-left: 1px solid rgb(var(--white-rgb) / 65%); transition: .35s ease; } .menu_line .segnalazione:hover { background-color: var(--white); color: var(--black); } .menu_line :where(.app, .social) a { transition: .35s ease; } .menu_line :where(.app, .social) a svg path { transition: .35s ease; } .menu_line :where(.app, .social) a:hover { background-color: var(--white); color: var(--black); } .menu_line :where(.app, .social) a:hover svg path { fill: var(--black); } .menu_line .spacer { display: block; } .menu_line .newsletter { padding: 0.5rem 1rem; transition: .35s ease; } .menu_line .newsletter svg path { transition: .35s ease; } .menu_line .newsletter p { transition: .35s ease; } .menu_line .newsletter:hover { background-color: var(--white); } .menu_line .newsletter:hover svg path { fill: var(--black); } .menu_line .newsletter:hover p { color: var(--black); } .menu_line .social { padding: 0 1rem; } .menu_line .app { padding: 0 1rem; } .menu_line .app .label { margin-left: 0.5rem; } /* Menu wrapper */ .head_wrapper .menu { gap: 0.25rem; flex: 1; } .head_wrapper .menu :where(button, a) { position: relative; padding: 0.5rem 0.75rem; font-size: 0.9rem; transition: .35s ease; } .head_wrapper .menu :where(button, a):hover::before { width: 70%; } .head_wrapper .menu :where(button, a):not(.diretta_tv) { display: block; } /* Hamburger */ #main_nav { display: none; } #hamburger { display: none; } /* Archive menu */ .archive_menu { display: block; position: absolute; bottom: 0; right: 0; width: 100%; transform: translateY(100%); background-color: var(--grey_bkg); z-index: -1; padding: var(--c5v) var(--c2o); transition: .5s ease; transform: translateY(-100%); opacity: 0; pointer-events: none; } .archive_menu.open { transform: translateY(100%); opacity: 1; pointer-events: initial; box-shadow: 0 0.35rem 1rem rgb(var(--green-rgb) / 50%); border-top: 3px solid var(--green); } .archive_menu .menu_wrapper { grid-template-columns: 0.8fr 1fr 1fr 1fr; gap: 1rem; } .archive_menu .archive_link { order: 5; grid-column: 1 / -1; padding: 2rem; border-radius: 0.5rem; gap: 0.5rem; } .archive_menu .archive_link h3 { color: var(--text_color); font-size: 1.25rem; } #menu_tbnews.archive_menu .archive_link { border: 2px solid var(--blue); transition: .35s ease; } #menu_tbnews.archive_menu .archive_link:hover { background-color: rgb(var(--blue-rgb) / 15%); } #menu_tbnews.archive_menu .archive_link .tag { background-color: var(--blue); color: var(--white); } #menu_tbsport.archive_menu .archive_link { border: 2px solid var(--red); transition: .35s ease; } #menu_tbsport.archive_menu .archive_link:hover { background-color: rgb(var(--red-rgb) / 15%); } #menu_tbsport.archive_menu .archive_link .tag { background-color: var(--red); color: var(--white); } #menu_programmi.archive_menu .archive_link { border: 2px solid var(--green); transition: .35s ease; } #menu_programmi.archive_menu .archive_link:hover { background-color: rgb(var(--green-rgb) / 15%); } #menu_programmi.archive_menu .archive_link .tag { background-color: var(--green); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Sec top banner head */ #top_banner { padding-top: 7rem; } #top_banner.scroll_on { padding-top: 7.75rem; } #top_banner .container { padding-left: var(--c10o); padding-right: var(--c10o); } /* Sec app foot */ #sec_app_foot { margin-top: var(--c15v); } #sec_app_foot .container { display: grid; grid-template-columns: 65% calc(35% - 2.75rem); gap: 2rem; width: calc(100% - var(--c15o)); margin: 0; margin-left: auto; padding: var(--c7v) var(--c5o); } #sec_app_foot .text { order: 2; display: flex; justify-content: center; align-items: center; } #sec_app_foot .text h2 {font-size: calc(var(--h2-size) * 0.85); } #sec_app_foot .tel_pic { position: absolute; bottom: 0; left: 0; transform: translateX(-100%); width: var(--c10o); } #sec_app_foot .tel_pic img { width: 125%; max-width: unset; } #sec_app_foot .loghi { margin: 0; order: 3; } /* Adv sidebar */ .sidebar_flex_container { display: flex; justify-content: center; align-items: stretch; gap: 1rem; } .sidebar_flex_container .left { width: calc(78% - 1rem); } .sidebar_flex_container .right { width: 22%; } #adv_sidebar { display: flex; flex-direction: column; gap: 1rem; position: sticky; top: var(--adv-sticky-top, 8rem); } #adv_sidebar.bottom { top: auto; bottom: 0; } #adv_sidebar.top { top: 8rem; bottom: auto; } /* Adv mobile */ .adv_mobile { display: none; } /* Swipers */ .sec_programs_slider .swiper { width: 105vw; } .cards_swiper .swiper { width: 100%; } .cards_swiper .nav_btn:not(.swiper-button-disabled) { display: block; } .cards_swiper .nav_next { transform: translate(50%, -115%); } .cards_swiper .nav_prev { transform: translate(-50%, -115%); } .sec_programs_slider .swiper_container .nav_btn:not(.swiper-button-disabled) { display: block; } .sec_programs_slider .swiper_container .nav_next { top: -3rem; right: var(--c5o); transform: translate(0, -100%); } .sec_programs_slider .swiper_container .nav_prev { top: -3rem; right: calc(var(--c5o) + 0.5rem); left: unset; transform: translate(-100%, -100%); } .sec_programs_slider .sec_title { transition: .35s ease; justify-content: flex-start; } .sec_programs_slider .sec_title:hover { transform: translateX(0.5rem); } /* Oggi in TV */ #sec_diretta_tv .flex_container { align-items: stretch; } #sec_diretta_tv .right { aspect-ratio: 16 / 9; border-radius: 0 0.5rem 0.5rem 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } #sec_diretta_tv .prog_list { height: calc(100% - 3.45rem); max-height: unset; width: 100%; } #sec_diretta_tv .link_diretta {border-radius: 0 0 0.5rem 0; } #sec_diretta_tv .left iframe { border-radius: 0.5rem 0 0 0.5rem; } #sec_diretta_tv .prog_element a { transition: 0.35s ease; } #sec_diretta_tv .prog_element a svg path { transition: 0.35s ease; } #sec_diretta_tv .prog_element a:hover { color: var(--green); transform: translateX(0.25rem); } #sec_diretta_tv .prog_element a:hover svg path { fill: var(--green); } /* PLUGIN ADV */ .tbam-popup__dialog { max-width: 1281px; width: 90%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HOME ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home .cards_container .card:not(.card.featured) { width: calc(25% - 0.75rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .cards_container .card:not(.card.featured) { width: calc((100% / 3) - (2rem / 3));} .card .tag_container { justify-content: flex-start; } .card .info { justify-content: flex-start; } /* programma*/ .card_programma { border-radius: 1rem; border: 2px solid transparent; transition: .35s ease; } .card_programma:hover { transform: translateY(0.5rem); border-color: rgb(var(--green-rgb) / 75%); } .card_programma img { border-radius: 1rem; aspect-ratio: 4 / 5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Section 1 */ .s1_archive .filters_container { position: relative; width: 100%; left: unset; transform: unset; bottom: unset; margin-bottom: var(--c5v); max-width: unset; box-shadow: unset; } .s1_archive .filter_label { display: none; } .s1_archive form { display: block !important; position: relative; transform: unset; top: unset; left: unset; border-radius: 0; padding: 1.5rem 1.5rem; } .s1_archive form .form_container { flex-direction: row; align-items: flex-end; flex-wrap: wrap; } .s1_archive form .single_field { max-width: calc((100% / 3) - 0.75rem); } /* Section 2 */ .s2_archive .sec_title h2 a { margin: 1rem 0 0.5rem 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ RAX PROGRAMMI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_tax-tipologie-programmi .cards_container a { width: calc((100% / 5) - 0.8rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_single .container { padding-left: var(--c5o); padding-right: var(--c5o); } .s1_single #breadcrumb { padding-left: 0; text-align: left; } .card_single { padding-bottom: var(--c7v); } .card_single .sticky_container { display: grid; grid-template-columns: 25% calc(75% - 1rem); gap: 1rem; } .card_single .sticky_container .detalis { order: 1; position: sticky; top: 8rem; border-radius: 0.5rem; } .card_single .sticky_container .main_video { order: 2; } .card_single .detalis .label { text-align: left; } .card_single .info_container { flex-direction: column; align-items: flex-start; } .card_single .btns_container .link { min-width: unset; width: 100%; padding: 0.35rem 1rem; } .card_single .share .a2a_kit { justify-content: flex-start; } .card_single .share .a2a_kit a span { width: 1.5rem; height: 1.5rem; } .card_single .title { padding: 2rem 2.5rem 0 2.5rem; } .card_single .title .text { max-width: 65ch; } .card_single .title .tag_container { justify-content: flex-start; } .card_single .tb-player-shell video{ border-radius: 0.5rem 0.5rem 0 0 !important; } .card_single .tb-player-shell.is-mini { top: unset; bottom: var(--c5v); right: 2rem; left: unset; transform: unset; } .card_single .tb-player-shell.is-mini.scroll_on { top: unset; } .card_single .sticky_container { border-radius: 0 0 0.5rem 0.5rem; } .card_single .main_video { width: 100%; margin-left: unset; } .card_single .archive_link { width: calc(100% + 5rem); margin-left: -2.5rem; border-radius: 0 0 0.5rem 0.5rem; } /* News */ #s1_single.tbnews .card_single .sticky_container .detalis { border: 1px solid var(--blue); } /* Sport */ #s1_single.tbsport .card_single .sticky_container .detalis { border: 1px solid var(--red); } /* Programmi */ #s1_single_programmi .card_single .sticky_container .detalis { border: 1px solid var(--green); } #s1_single_programmi .banner { padding: 2rem 2rem 2rem 0; min-height: 45vh; display: flex; align-items: center; justify-content: flex-start; } #s1_single_programmi .banner .text { max-width: 40%; padding: 0; } #s1_single_programmi .banner_bkg { border-radius: 0 0.5rem 0.5rem 0; } #s1_single_programmi .banner picture { position: absolute; top: 0; left: 0; height: 100%; } #s1_single_programmi .filter { background: linear-gradient(to right, rgb(var(--main_bkg-rgb) / 100%) 30%, rgb(var(--main_bkg-rgb) / 0%) 60%); } #s2_single_programmi #altri-episodi.middle { padding-top: 0; margin-top: 1rem; } #s2_single_programmi #altri-episodi.middle .sec_title { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_contatti .single_contact { width: calc(50% - 0.5rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE DIRETTA TV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_diretta_tv #sec_diretta_tv .prog_list { height: 100%; } #page_diretta_tv #sec_diretta_tv .right { border-radius: 0 0.5rem 0.5rem 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE PUBBLICITA' ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_pubblicita li { list-style: disc outside; } /* Section 1 */ #s1_pubblicita .container { padding-top: calc(var(--c7v) + 7rem); } #s1_pubblicita .s1_title h1 { font-size: 4rem; } #s1_pubblicita .right picture img { max-width: 1024px; } /* Section 2 */ #s2_pubblicita .punti .single_punto { justify-content: flex-start; } #s2_pubblicita .form_container { padding-top: 0; border-top: 0; } /* Section 3 */ #s3_pubblicita .txt_container .single_txt:nth-of-type(even) { flex-direction: row-reverse; } #s3_pubblicita .txt_block .text { margin: 0; } /* Section 4 */ #s4_pubblicita .txt_container .single_txt:nth-of-type(even) { flex-direction: row-reverse; } /* Section 5 */ #s5_pubblicita .cards .single_card { width: calc(25% - 0.75rem); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FORMS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #payment_form { padding-bottom: 0; padding-top: var(--c7v); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Contents */ footer .container { gap: 3.5rem 5rem; grid-template-columns: 1fr 1fr 1fr; } #foot_info { order: 4; } #foot_newsletter { order: 5; grid-column: 2 / 4; } .foot_block .flex_block { justify-content: flex-start; } .foot_block h3.flex { justify-content: flex-start; } .foot_block .title_border::after { left: 0; transform: translate(0, -50%); width: 6rem; } /* Credits */ #credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--color); } #credits #credits_studio:hover { color: #e74e0f; } /* Back Top */ #back_top { opacity: 1; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .menu_line .ultime_news { padding-left: 0; } .head_wrapper .right { gap: 0.5rem; } .head_wrapper .search input { padding: 0.75rem 1.25rem; } .head_wrapper .search_btn { display: none; } .head_wrapper .search { position: relative; display: block; opacity: 1; transform: unset; z-index: unset; padding: 0; border: 0; box-shadow: unset; bottom: unset; right: unset; width: max-content; pointer-events: initial; } .head_wrapper .search.open { transform: unset; } header .search .results_wrapper { position: absolute; opacity: 0; pointer-events: none; bottom: 0; right: calc(-0.5rem); width: 100vw; transform: translateY(-100%); background-color: var(--grey_bkg); padding: var(--c5v) 2rem; border-top: 3px solid var(--green); z-index: -1; max-width: calc(var(--maxw_site) - var(--c10o)); transition: .5s ease; } header .search.open .results_wrapper { transform: translateY(calc(100% + 0.5rem)); opacity: 1; pointer-events: initial; } /* Archive menu */ /* .archive_menu .menu_wrapper { grid-template-columns: 0.8fr 1fr 1fr 1fr 1fr; } */ .archive_menu .archive_link { order: unset; grid-column: unset; flex-direction: column; gap: 4rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Layout verticale .layout_vertical { flex-wrap: nowrap; } .layout_vertical .first_card { width: 40%; } .layout_vertical .swiper_container { width: 60%; } .layout_vertical .swiper_container .swiper-wrapper { transform: unset; flex-direction: column; gap: 1rem; } .layout_vertical .swiper_container .card.card.swiper-slide { width: 100% !important; min-width: 100%; margin-right: 0 !important; } .layout_vertical .swiper_container .card .tag_container { margin-bottom: 1.5rem; } .layout_vertical .swiper_container .card a { flex-direction: row; align-items: stretch; } .layout_vertical .swiper_container .card a h3 { font-size: 1rem; } .layout_vertical .swiper_container .card .top { width: 40%; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem 0 0 0.5rem; } .layout_vertical .swiper_container .card .thumb_img img { border-radius: 0.5rem 0 0 0.5rem; } .layout_vertical .swiper_container .card .text { padding: 0.75rem; } */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1_archive form .form_container { flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1.25rem 2rem; } .s1_archive form button { white-space: nowrap; } .s1_archive form .single_field { flex-wrap: nowrap; } .s1_archive form .single_field .label { width: max-content; justify-content: flex-start; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card.featured .text h3:not(.h1) { font-size: calc(var(--h3-size) * 1); } .card.featured .top { display: flex; justify-content: center; align-items: center; border-radius: 0.5rem 0 0 0.5rem; width: 50%; } .card.featured .text_container { flex: unset; border-radius: 0 0.5rem 0.5rem 0; width: 50%; padding: 0.75rem 1rem; } .card.featured .card_container { flex-direction: row; align-items: stretch; } .card.featured picture img { border-radius: 0.5rem 0 0 0.5rem; } .card.featured .bkg_placehoder { border-radius: 0.5rem 0 0 0.5rem; } .card .post_link { flex-direction: column-reverse; width: 3.5rem; border-radius: 0 0.5rem 0.5rem 0; } .card .post_link span { writing-mode: sideways-lr; } .card .post_link svg { transform: rotate(-90deg); } /* .layout_vertical .swiper_container .card .top { width: 48%; } */ } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/ .maxw_1367 { max-width: 1367px; margin: 0 auto; } /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper { padding: 0.5rem 1rem; } header .search .results_wrapper { right: -1rem; } .sidebar_flex_container { gap: 2rem; } .sidebar_flex_container .left { width: calc(78% - 2rem); } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ .card_single .sticky_container { gap: 3rem; grid-template-columns: 25% calc(75% - 3rem); } /* Gallery */ .card_single .tb-media-gallery .nav_prev { transform: translate(-50%, -50%); left: 0; } .card_single .tb-media-gallery .nav_next { transform: translate(50%, -50%); right: 0; } /*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/ .card.featured:not(.sidebar_flex_container .card.featured) .text_container .text .title h3.h1 { font-size: calc(var(--h1-size) * 1.25); } .card.featured:not(.sidebar_flex_container .card.featured) .text_container .text .title p { font-size: 0.9rem; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer .container { gap: 3.5rem 2rem;grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 1.4fr; } .foot_block h3 { font-size: 1.25rem; } #foot_info { order: 1; } #foot_menu { order: 2; } #foot_contacts { order: 3; } #foot_social { order: 4; } #foot_newsletter { grid-column: unset; } /* Form */ footer #form .wpforms-field.wpforms-field-checkbox li label a { font-size: 16px; } footer #form button[type=submit], #form input[type=submit] { width: max-content; margin: 0; } } @media screen and (min-width: 1561px) { .filter.last_vw100 { left: calc(-1 * ( var(--c5o) + max(0px, (100vw - 1560px) / 2) )); } .filter.middle_vw100 { left: calc(-1 * ( var(--c5o) + max(0px, (100vw - 1560px) / 2) )); } .sec_programs_slider .swiper { width: 100%; } .sec_programs_slider .container { padding-right: var(--c5o); } .sec_programs_slider .sec_title { margin-right: 0; } .sec_programs_slider .swiper_container .nav_next { right: 0; } .sec_programs_slider .swiper_container .nav_prev { right: 0.5rem; } } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { /* .filter.last_vw100 { left: 50%; width: 200vw; min-width: 100vw; height: calc(100% + var(--c15v)); transform: translateX(-50%); } .filter.middle_vw100 { left: 50%; width: 200vw; min-width: 100vw; transform: translateX(-50%); } */ } /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) { } @media screen and ( min-width: 3840px ) { #sec_app_foot .container { margin-left: 0; margin: 0 auto; } }