/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " SLOWFOOD.COM " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .text iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } /** * * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { z-index: 4; } .head_wrapper { padding: 1.5em 0 1.25em 1.5em; z-index: 2; border-bottom: 1px solid rgb(var(--white-rgb) / 25%); } .head_wrapper.black_v { border-bottom: 1px solid rgb(var(--black-rgb) / 25%); } .head_wrapper.black_v .head_logo #logo_header .text_path path { fill: var(--black); } .head_wrapper.black_v .hamburger:not(.tapped) span { background-color: var(--black); } .head_wrapper.black_v .btn_ricerca path { fill: var(--black); } .head_wrapper.black_v .fake_lang { filter: invert(1); } .head_wrapper.black_v .lang { margin-right: 0; } .head_wrapper.black_v .lang .wpml-ls-item a { color: var(--black); } .head_wrapper.black_v .lang .wpml-ls-item a.wpml-ls-item-toggle:after { background-image: url(../images/svg/arrow_down_black.svg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; --head-logo-width: 100px; /* <- in 'px' */ --head-logo-min: 100; --head-logo-max: 220; max-width: 220px; } .head_logo img, .foot_logo img, .head_logo svg, .foot_logo svg { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link_rapidi_desk { display: none; } .link_rapidi_mobile { background-color: var(--red); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; } .link_rapidi_mobile a { padding: .5rem .25rem; text-align: center; color: var(--white); text-transform: uppercase; } .link_rapidi_mobile a:nth-of-type(2) { border-left: 1px solid rgb(var(--white-rgb) / 25%); border-right: 1px solid rgb(var(--white-rgb) / 25%); } .lang { margin-right: 2rem; } .lang .wpml-ls-legacy-dropdown-click { width: auto; } .lang .wpml-ls-legacy-dropdown-click a { padding: 0; padding-bottom: 1rem; background: transparent; border: 0; color: var(--white); text-transform: uppercase; font-weight: 400; font-size: 1.4rem; } .lang .wpml-ls-item a.wpml-ls-item-toggle:after { border: 0; background: url(../images/svg/arrow_down.svg) no-repeat center; background-size: contain; right: 50%; top: auto; bottom: 0; width: 1rem; height: 1rem; transform: translateX(50%); } .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top: 0; margin-top: .75rem; } .lang .wpml-ls-item a:hover, .lang .wpml-ls-item a:focus, .lang .wpml-ls-item a:active { color: var(--white); background: transparent; opacity: .5; } .lang .wpml-ls-item.wpml-ls-item-it { display: none !important; } .btn_ricerca { width: 1.75rem; margin-right: 2rem; } .btn_ricerca path { fill: var(--white); } .search_wrapper { position: fixed; top: 0; left: 0; z-index: 5; backdrop-filter: blur(20px); background-color: rgb(var(--red-rgb) / 70%); display: none; height: 100%; } .search_wrapper .close { position: absolute; top: 1.5rem; right: 2.5%; background-color: var(--white); aspect-ratio: 1 / 1; width: 2.5rem; font-size: 1.5rem; border-radius: 50%; line-height: 0; z-index: 1; cursor: pointer; } .search_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 45rem; max-width: 90%; } .search_content .h3 { color: var(--white); line-height: 1.3; font-weight: 500; margin-bottom: 2rem; font-size: calc(var(--h3-size) * 1.2); } .search_content .searchandfilter ul { position: relative; } .search_content .searchandfilter ul li { padding: 0; } .search_content .searchandfilter label { width: 100%; } .search_content .sf-field-search input { padding: 1rem; width: 100%; color: var(--white); font-size: 1.125rem; border: 2px solid var(--white); border-radius: 4rem; background: transparent; } .search_content .sf-field-search input::placeholder { color: var(--white); } .search_content .sf-field-submit input { background: url(../images/svg/search.svg) no-repeat center; background-color: var(--white); background-size: 50%; cursor: pointer; transition: .2s ease; border-radius: 50%; aspect-ratio: 1 / 1; height: calc(100% - .5rem); position: absolute; top: 50%; right: 0; transform: translate(-.25rem, -50%); } .search_content .sf-field-submit input:hover { background-color: rgb(var(--white-rgb) / 50%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .hamburger { display: inline-block; font-size: var(--rem); line-height: 0; margin-right: 1.5rem; padding: .5rem .5rem; overflow: visible; cursor: pointer; transition: .25s ease; } .hamburger .wrap { width: 3.5rem; height: 2rem; } .hamburger span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 3rem; height: 4px; background-color: var(--white); 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 */ .hamburger.tapped span { transition: .25s ease; background-color: var(--black); } .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); } .hamburger.fixed { position: fixed; top: 1.75rem; right: 0; background-color: var(--red); aspect-ratio: 1 / 1; border-radius: 50%; transform: translateX(200%); transition: .25s ease-in-out; } .hamburger.fixed .wrap { transform: scale(.8); } .hamburger.fixed.on_screen { transform: translateX(0); box-shadow: 0 0 1.5rem rgb(var(--red-rgb) / 50%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #main_nav { z-index: 2; position: fixed; top: 0; right: 0; transform: translateX(100%); transition: .5s ease-in-out; } #main_nav.open { transform: translateY(0); } .menu_right_desk { display: none; } #main_nav .menu_wrapper { top: 0; left: 0; height: 100vh; overflow-y: scroll; } .menu_header .menu_header_i { padding-left: 1.5rem; border-bottom: 1px solid rgb(var(--black-rgb) / 25%); } .menu_header .hamburger { padding: 1.5rem 1.125rem; margin-right: 0; border-left: 1px solid rgb(var(--black-rgb) / 25%); } .shop_menu { padding: 1.5rem 2rem; width: 100%; font-size: 1.75em; line-height: 1.1; color: var(--white); font-weight: 700; position: relative; } .shop_menu svg { margin-right: 1rem; display: block; width: 1.75rem; height: 1.75rem; } .shop_menu svg path { fill: var(--white); } .topics_loop { display:none; } .tit_menu { padding: 1.5rem 2rem; width: 100%; border-bottom: 1px solid rgb(var(--white-rgb) / 25%); } .tit_menu > a { font-size: 2em; line-height: 1.1; color: var(--white); font-weight: 800; position: relative; padding-right: 2rem; } .tit_menu:not(.no_acc) > a::after { content: ""; width: 1.5rem; height: 1.5rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/svg/arrow_down.svg) no-repeat center; background-size: contain; } .tit_menu::before { display: block; margin-bottom: .5rem; text-transform: uppercase; color: var(--white); } .our_priorities::before { content: "EXPLORE"; } .our_global_mvt::before { content: "HOW WE GET TOGETHER"; } .our_activities::before { content: "WHAT WE DO"; } .be_part::before { content: "WHAT YOU CAN DO"; } .about_us::before { content: "WHO WE ARE"; } .media_press::before { content: "STAY INFORMED"; } .contact_us::before { content: "KEEP CONNECTED"; } .menu_cat::before { content: "FIND OUT MORE"; } .tit_menu:not(.no_acc) .sub-menu { margin-left: 0; padding-top: 1rem; display: none; } .tit_menu:not(.menu_cat) .sub-menu a { font-size: 1.25em; color: var(--white); line-height: 1.5; } .tit_menu.menu_cat .sub-menu { padding-top: 1.5rem; } .tit_menu.menu_cat .sub-menu li { display: inline-block; margin: 0 .5rem .75rem 0; } .tit_menu.menu_cat .sub-menu a { display: inline-block; padding: 0.25em 1em; border: 1px solid var(--white); border-radius: 4rem; color: var(--white); font-size: .9rem; } .tit_menu.menu_cat .sub-menu a:hover { background-color: rgb(var(--white-rgb) / 25%); } /* MENU PILLARS */ .our_priorities { display: none; } .pillars_menu h4 { padding: 1.5rem 2rem; width: 100%; font-size: 2rem; line-height: 1.1; color: var(--black); font-weight: 800; position: relative; } .pillars_menu h4::before { content: "EXPLORE"; display: block; margin-bottom: .5rem; text-transform: uppercase; color: var(--black); font-size: 1rem; font-weight: 400; } .pill_menu { padding: 1.5rem 2rem; border-top: 1px solid rgb(var(--black-rgb) / 10%); } .pill_menu p { font-size: 1.5rem; text-transform: uppercase; font-weight: 700; } .pill_menu svg { width: 4rem; } .pill_menu svg .st0 { fill: #E2261D; } .pill_menu svg .st1{ fill: #FFFFFF; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_trigger .sec_img { clip-path: inset(100% 0 0 0); transition: 2s cubic-bezier(.76,0,.24,1); } .sec_trigger .sec_img img { transform: scale(1.6); opacity: 0; transition: 3s cubic-bezier(.76,0,.24,1) -.25s, opacity .1s ease; will-change: transform; } .sec_trigger.active .sec_img { clip-path: inset(0 0 0 0); transform: scale(1); } .sec_trigger.active .sec_img img { transform: scale(1); opacity: 1; } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .double_link { gap: .75rem; } .link { display: inline-block; position: relative; padding: .4em 1.5em; border: 2px solid var(--white); border-radius: 5rem; font: inherit; font-size: var(--rem); color: var(--white); font-weight: 800; text-transform: uppercase; } .link:hover, .link:focus, .link:active { background-color: var(--red); box-shadow: .25rem .25rem .75rem rgb(var(--black-rgb) / 25%); } .link_black { border-color: var(--black); color: var(--black); } .link_black:hover, .link_black:focus, .link_black:active { background-color: var(--white); color: var(--black); } .link_red { border-color: var(--red); background-color: var(--red); } .link_red:hover, .link_red:focus, .link_red:active { background-color: var(--white); color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_bt { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } .filter_tb { background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } body { background: url(../images/jpg/paper-texture.jpg) repeat; background-size: 50% auto; background-color: #eee; } .texture_carta { background-image: url(../images/jpg/paper-texture.jpg); } .texture_carta_rossa { background-image: url(../images/jpg/texture_carta_rossa.jpg); } .texture_dark { background-image: url(../images/jpg/texture_dark.jpg); } .dark_texture { background: url(../images/jpg/paper-texture.jpg) no-repeat center; background-size: cover; filter: brightness(0.95) saturate(2); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .body_fix { overflow: hidden; } .pretitle { text-transform: uppercase; font-size: 1.5rem; } .text .pretitle + h2, .text .pretitle + h3 { margin-top: 0.75rem; } .small_title h2, .small_title .h2 { font-size: calc(var(--h2-size) * .9); } .small_title h3, .small_title .h3 { font-size: 1.3rem; line-height: 1.3; } .big_par p:first-of-type, .big_par.all p { font-size: 1.25rem; line-height: 1.3; font-weight: 500; } .red { color: var(--red); } .no_atf .s1 .text h1 { color: var(--black); text-shadow: unset; } .tac_mobile { text-align: center; } .max_wh { width: 80%; margin-left: auto; margin-right: auto; } .icon_bred { display: inline-block; background-color: var(--red); border-radius: 50%; width: 8rem; height: 8rem; aspect-ratio: 1 / 1; padding: .75rem; } .icon_bred img { width: 100%; height: 100%; object-fit: contain; } .hide_filter { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #scroll_btn { display: inline-block; position: absolute; left: 50%; bottom: 1.5em; --scroll-px: 40px; --scroll-min: 40; --scroll-max: 60; max-width: 60px; transform: translateX(-50%); cursor: pointer; z-index: 1; } #scroll_btn svg { width: 100%; animation: hang_scroll 1.5s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { from { transform: translateY(0); } to { transform: translateY(.5em); } } #scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; } #scroll_btn svg path { fill: var(--black); transition: .25s ease; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .nav_btn { top: 50%; transform: translateY(-50%); width: 3.5em; padding: .25em; z-index: 1; cursor: pointer; transition: .25s ease; } .nav_btn :where(img, svg) { width: 100%; } .nav_btn svg path { fill: var(--black); transition: .25s ease; } .nav_prev { left: 0; } .nav_next { right: 0; } .nav_btn.swiper-button-disabled { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_right.sidebar { position: fixed; top: 0; right: 0; z-index: 4; width: 100%; height: 100%; transform: translateX(calc(100% - 5px)); transition: .5s ease-in-out; } .wrapper_sidebar { background: url(../images/jpg/paper-texture.jpg) repeat-y; background-size: 100% auto; width: 30rem; max-width: calc(100% - 3rem); transition: .5s ease-in-out; height: 100%; border-left: 5px solid var(--red); position: absolute; left: 0; top: 0; } .wrapper_right.sidebar .open_sidebar { width: 2.25rem; height: 5rem; background-color: var(--red); border-radius: 1.75rem 0 0 1.75rem; position: absolute; left: 0; bottom: 4rem; transform: translateX(-100%); } .wrapper_right.sidebar .open_sidebar::after { content: ""; width: 1.75rem; height: 1.75rem; background: url(../images/svg/arrow_left.svg) no-repeat center; background-size: contain; } .wrapper_right.sidebar.opened { transform: translateX(0); } .wrapper_right.sidebar.opened .wrapper_sidebar { left: 100%; transform: translateX(-100%); } .wrapper_right.sidebar.opened .open_sidebar::after { transform: scaleX(-1); } #sidebar { height: 100%; overflow-y: scroll; } .sidebar_box { padding: var(--c10v) 1.5rem 0 1.5rem; } .sidebar_box h4 { font-size: 2rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; margin-bottom: 1.5rem; } .sidebar_box .list_post_sidebar { border-top: 1px solid #ccc; padding: 1rem 0; } .sidebar_box .list_post_sidebar:first-of-type { border: 0; } .sidebar_box .list_post_sidebar_content:not(.w100) { width: calc(100% - 3.5rem); } .sidebar_box .list_post_sidebar_content picture { margin-right: 1rem; width: 4rem; } .sidebar_box .list_post_sidebar_content div:not(.w100) { width: calc(100% - 5rem); } .sidebar_box .list_post_sidebar p { font-weight: 500; font-size: .9rem; line-height: 1.3; transition: .2s; } .sidebar_box .list_post_sidebar p.date { font-size: .85rem; font-weight: 400; margin-top: 0.75rem; } .sidebar_box .list_post_sidebar svg { display: block; width: 2rem; height: 2rem; transition: .2s ease; transform: translateX(-.5rem); } .sidebar_box .list_post_sidebar svg path { fill: var(--black); transition: .2s ease; } .sidebar_box .list_post_sidebar:hover { background-color: rgb(var(--red-rgb) / 5%); } .sidebar_box .list_post_sidebar:hover p { color: var(--red); } .sidebar_box .list_post_sidebar:hover svg { transform: translateX(-.25rem); } .sidebar_box .list_post_sidebar:hover svg path { fill: var(--red); } .sidebar_box .swiper-donors { width: 60%; margin: 0; } .sidebar_box .nav_btn { transform: unset; } .sidebar_box .nav_btn { width: 2.5em; } .sidebar_box .swiper-donors picture { /*background-color: var(--white);*/ } .sidebar_box .swiper-donors picture img { } .sidebar_box .swiper-donors p { padding: .75rem; background-color: var(--white); text-transform: uppercase; } .sidebar_box .list_post_sidebar.sidebar_camp { padding: 0; margin: 1rem 0; background-color: var(--red); } .sidebar_box .list_post_sidebar.sidebar_camp picture { transition: .2s ease; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content { padding: 1.5rem; padding-top: 4rem; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content p { line-height: 1.2; color: var(--white); text-shadow: 0 0 .75rem rgb(30 30 30 / 50%); font-weight: 400; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content p.tit { font-size: 2rem; margin-bottom: 1rem; font-weight: 500; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content svg path { fill: var(--white); } .sidebar_box .list_post_sidebar.sidebar_camp:hover picture { opacity: .5; } .cat { display: inline-block; margin: 0 0.25rem 0.5rem 0; padding: 0.5em 0.75em; border: 1px solid #707070; border-radius: 4rem; color: var(--black); font-size: 0.9rem; } .cat:hover { background-color: rgb(var(--red-rgb) / 15%); } .tag { font-size: 0.8rem; display: inline; line-height: 1.5; } .tag::after { content: " "; } .tag::before { content: "#"; } .tag:hover { opacity: .5; color: var(--red); } .twt_box svg { margin-right: .5rem; width: 1.75rem; display: block; } .twt_box a:hover { color: var(--red); } /* Sidebar blog */ .sidebar_box .tax_container { padding: 1.5rem; border-top: 1px solid #ccc; text-transform: uppercase; color: var(--red); font-size: 1.5rem; font-weight: 700; } .sidebar_box .tax_container:first-of-type { border: 0; } .sidebar_box .tax_container:hover { background-color: rgb(var(--red-rgb) / 5%); } .sidebar_box .ico_share { width: 1.75rem; margin-right: 1rem; } .sidebar_box .a2a_kit .a2a_svg { width: 2.5rem; height: 2.5rem; margin-right: 0.5rem; border-radius: 50%; line-height: 1; } .sidebar_box .a2a_kit .a2a_svg svg { padding: 0.3rem; } /* Single blog */ .index_list.sidebar_box h4 { margin-bottom: .75rem; } .index_list button { font-size: 1rem; font-weight: 500; text-align: left; padding: 1rem 0; border-top: 1px solid #ccc; width: 100%; } .index_list button:hover { color: var(--red); background-color: rgb(var(--red-rgb) / 5%); } .index_list li:first-of-type button { border-top: 0; } .post_nav p { font-size: 1rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; padding-top: 1rem; } .post_nav button { position: relative; font-size: 1rem; color: var(--red); font-weight: 500; margin-top: 1rem; } .post_nav button img { width: 1.5rem; margin-right: .75rem; } .post_nav:hover p { color: var(--red); } /* Sidebar eventi */ .cerca_eventi .flatpickr-calendar.inline { border: 0; background: transparent; top: 0; background-color: var(--white); box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem; padding-bottom: 2rem; } .cerca_eventi .flatpickr-months { position: relative; } .cerca_eventi .flatpickr-months .flatpickr-current-month { position: relative; height: auto; display: flex; align-items: center; justify-content: center; padding: 1rem 0; width: 100%; left: 0; } .cerca_eventi .flatpickr-months .flatpickr-month { color: var(--red); fill: var(--black); height: auto; } .cerca_eventi .flatpickr-months .flatpickr-month :where(select, input) { font-weight: 500; margin: 0 .25rem; } .cerca_eventi .flatpickr-months .flatpickr-month select option { color: var(--black); } .cerca_eventi .flatpickr-months .flatpickr-prev-month, .cerca_eventi .flatpickr-months .flatpickr-next-month { top: 50%; transform: translateY(-50%); } .cerca_eventi .flatpickr-months .flatpickr-prev-month svg, .cerca_eventi .flatpickr-months .flatpickr-next-month svg { display: block; fill: var(--black); } .cerca_eventi .flatpickr-months .flatpickr-prev-month:hover svg, .cerca_eventi .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--red); } .cerca_eventi span.flatpickr-weekday { color: var(--black); } .cerca_eventi .flatpickr-day { color: var(--black); font-weight: 400; border: 0; transition: .125s ease; } .cerca_eventi .flatpickr-day.flatpickr-disabled, .cerca_eventi .flatpickr-day.nextMonthDay, .cerca_eventi .flatpickr-day.prevMonthDay { color: var(--black); opacity: .5; font-weight: 400; } .cerca_eventi .flatpickr-day.flatpickr-disabled:hover { color: #6d6d6d; } .cerca_eventi .flatpickr-day:hover, .cerca_eventi .flatpickr-day.nextMonthDay:hover, .cerca_eventi .flatpickr-day.prevMonthDay:hover { background: rgb(var(--red-rgb) / 15%); border: 0; } .cerca_eventi .flatpickr-day.selected { background: rgb(var(--red-rgb) / 100%) !important; border: 0; } .cerca_eventi .flatpickr-day.selected:hover, .cerca_eventi .flatpickr-day:focus { background: rgb(var(--red-rgb) / 50%) !important; border: 0; } .cerca_eventi button.submit { display: block; z-index: 1; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); background-color: var(--red); border: 2px solid var(--red); border-radius: 2rem; width: 4rem; padding: 0.5rem; } .cerca_eventi button.submit svg path { fill: var(--white); } .cerca_eventi button.submit:hover { background-color: var(--white); } .cerca_eventi button.submit:hover path { fill: var(--red); } .cerca_eventi form, .cerca_eventi .flatpickr-calendar.inline, .cerca_eventi .flatpickr-rContainer { width: 270px; } .cerca_eventi .dayContainer { width: 270px; min-width: 270px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; } #breadcrumb li {} #breadcrumb .separator {} #breadcrumb :where(a,span) { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background-color: var(--white); border-top: 1px solid #ccc; text-align: center; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .block_left { padding: var(--c10v) var(--c5o); } .block_left h4 { line-height: 1.2; } .foot_logo { display: block; --foot-logo-width: 240px; --foot-logo-min: 240; --foot-logo-max: 360; max-width: 360px; margin: 0 auto; margin-bottom: var(--c10v); } .block_center p { font-size: 1.125rem; } .block_center p a { font-size: 100%; position: relative; display: inline; } .block_center p a::after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--red); transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center; } .block_center p a:hover { color: var(--red); } .block_center p a:hover::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; } .block_center_right, .block_center_left { padding: var(--c10v) var(--c5o); border-top: 1px solid #ccc; } .bottom_left, .bottom_right { margin-top: var(--c5v); } .block_right { padding: var(--c10v) var(--c5o); border-top: 1px solid #ccc; } .social_wrapper a { width: auto; max-width: 2rem; height: 2rem; margin-right: 1.225rem; } .social_wrapper a svg { display: inline-block; width: 100%; height: 100%; object-fit: contain; } .social_wrapper a svg path { fill: var(--red); transition: .2s ease; } .social_wrapper a:hover { transform: scale(.9); } .social_wrapper a:hover svg path { fill: var(--black); } .block_center_bottom { padding: var(--c10v) var(--c5o); border-top: 1px solid #ccc; } .block_center_bottom p a { display: inline-block; font-size: 100%; } .block_center_bottom p a:hover { color: var(--red); } .foot_menu .tit_menu { border: 0; padding: 2rem; } .foot_menu .tit_menu > a { padding-right: 0; } .foot_menu .tit_menu > a::after { display: none; } .foot_menu .tit_menu .sub-menu { display: block; } .foot_menu .menu_cat { display: none; } .menu_shop_footer.tit_menu { border: 0; padding: 2rem; } .menu_shop_footer > a { padding: 0; } .menu_shop_footer > a::after { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #back_top { display: none; z-index: 2; bottom: .5em; right: .5em; --back-top-px: 35px; --back-top-min: 35; --back-top-max: 55; max-width: 55px; border-radius: 50%; background-color: rgb(255 255 255 / 25%); cursor: pointer; transition: .25s ease; } #back_top :where(img, svg) { width: 100%; } #back_top svg path { fill: var(--black); } .eu_logo img { width: 10rem; margin: 0 auto 5% auto; } /** * * ▄▀▀ █▀▀ ▄▀▀ ▀▀█▀▀ ▀ ▄▀▀▄ █▄ █ ▄▀▀ * ▀▄ █▀▀ █ █ █ █ █ █ ▀█ ▀▄ * ▀▀ ▀▀▀ ▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀ - SECTIONS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } .s1 .container { padding-top: calc( 130px + ( 171 - 130 ) * ( (100vw - 320px) / 1600 ) ); } .s1 .filter_black { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 100%); opacity: .6; mix-blend-mode: multiply; } .s1 .s1_title h1 { color: var(--white); text-shadow: 0 0 1.5rem rgb(var(--black-rgb) / 35%); } .s1 .s1_title p { color: var(--white); font-size: 1.25rem; text-shadow: 0 0 1.5rem rgb(var(--black-rgb) / 65%); margin-top: 1rem; } .social_wrapper_top { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PRE FOOTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s_quote { background-color: var(--white); } #s_quote .text h4 { font-weight: 700; line-height: 1.2; } #s_quote .text p { font-weight: 600; } #s_act { background-color: var(--white); } .act_wrapper { display: grid; grid-gap: 1.5rem; } .act_box { background: url(../images/jpg/paper-texture.jpg) no-repeat center; background-size: cover; padding: 1.5rem 1rem; } .act_box .ico { width: 5rem; border: 1px solid var(--red); border-radius: 50%; padding: 1.25rem; } .act_box p { width: calc(100% - 5rem); padding-left: 1rem; font-size: 1.5rem; } .act_box p b { position: relative; } .act_box p b::after { content: ""; width: 100%; height: 2px; background-color: var(--red); position: absolute; right: 0; bottom: 0; transition: .2s ease; } .act_box:hover p b::after { width: 50%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION HIGHLIGHTS (1 box grande + 4 piccoli) ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .highlights_wrapper .card_highlights { margin-bottom: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION OPENDATA MAP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION QUOTES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .quote_box { padding: 1.5rem; border: 1px solid #ccc; } .quote_text p { font-size: 1.5rem; font-style: italic; } .quote_auth { font-style: italic; font-weight: 800; margin-top: 2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TRIPLE BOX GRID ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .triple_box_grid { display: grid; grid-gap: 1rem; } .box_in .filter_black { background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.90) 100%); opacity: 1; } .box_in .sized { background-color: var(--black); } .box_in .text { padding: 2rem; padding-top: 8rem; } .box_in .text :where(p, h3) { text-shadow: 0 0 0.75rem rgb(30 30 30 / 100%); } .box_in .text h3 { font-size: 1.75rem; } .box_in .text p { font-size: .9rem; line-height: 1.3; margin-top: .75rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION MATERIALS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .material_line { border-top: 1px solid #ccc; } .material_line:first-of-type { border: 0; } .material_line_i { padding: 1rem 0; height: 100%; } .material_line_i p { font-size: 1.25rem; font-weight: 700; transition: .2s; text-align: left; padding-right: 1rem; } .material_line_i .ico_type { display: block; width: 1.75rem; height: 1.75rem; margin-right: 0.75rem; transition: .2s ease; } .material_line_i .ico_type path { fill: var(--black); transition: .2s ease; } .material_line_i .arrow_or_lock { display: block; width: 2rem; height: 2rem; transition: .2s ease; transform: translateX(-.5rem); } .material_line_i .arrow_or_lock path { fill: var(--black); transition: .2s ease; } .material_line_i:hover { background-color: rgb(var(--red-rgb) / 5%); } .material_line_i:hover p { color: var(--red); } .material_line_i:hover .arrow_or_lock { transform: translateX(-.25rem); } .material_line_i:hover .arrow_or_lock path { fill: var(--red); } #sec_res .form_private { display: none; } #sec_res .form_private .wpforms-container-full { margin: 0; margin-bottom: 1.5rem; } #sec_res .form_private .wpforms-form { position: relative; width: 25rem; max-width: 100%; } #sec_res .form_private .wpforms-form .wpforms-field { padding: 0; } #sec_res .form_private .wpforms-form .wpforms-field input { border-radius: 2rem; border: 1px solid rgb(var(--black-rgb) / 75%); color: var(--black); padding: 0.75rem; font-size: 1rem; height: 2.5rem; } #sec_res .form_private .wpforms-form .wpforms-submit-container { position: absolute; top: 0; right: 0; margin: 0; padding: 0; height: 100%; } #sec_res .form_private .wpforms-form .wpforms-submit-container button { height: 2.5rem; border: 1px solid var(--red); border-radius: 0 2rem 2rem 0; background-color: var(--red); text-transform: uppercase; font-weight: 700; } #sec_res .form_private .wpforms-form .wpforms-submit-container button:hover { background: var(--white); color: var(--red); } #sec_res .form_private .wpforms-confirmation-container-full { background: #fff; border: 2px solid #6d6d6d; } /** * * ▄▀▀ ▄▀▀▄ █▀▀▄ █▀▀▄ ▄▀▀ * █ █▀▀█ █▐█▀ █ █ ▀▄ * ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀ - CARDS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .card_content .date { color: #AAAAAA; font-weight: 500; text-transform: uppercase; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card .card_content { background-color: var(--white); } .card .card_content .text { padding: 1rem; min-height: 13rem; } .card .card_content .button { padding: 1rem; border-top: 1px solid #ccc; } .card .card_content h3 { font-size: 1.5rem; line-height: 1.2; font-weight: 700; transition: .2s ease; } .card .card_content button { position: relative; font-size: 1.2rem; color: var(--red); font-weight: 500; } .card .card_content button img { width: 2rem; margin-right: .75rem; } .card picture { overflow: hidden; } .card picture img { transition: .2s ease; } .card a:hover picture img { transform: scale(1.1); } .card a:hover h3 { color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD HIGHLIGHTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_highlights a { aspect-ratio: 1 / 1; } .card_highlights .filter { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } .card_highlights .text { padding: 1.5rem; } .card_highlights .text h3 { font-size: 2rem; line-height: 1.1; font-weight: 600; color: var(--white); text-shadow: 0 0 1.5rem rgb(30 30 30 / 65%); } .card_highlights .text p { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_blog a { background-color: var(--white); } .card_blog .card_content .text { padding: 1rem; min-height: 13rem; } .card_blog .card_content .button { padding: 1rem; border-top: 1px solid #ccc; } .card_blog .card_content h3 { font-size: 1.5rem; line-height: 1.2; font-weight: 700; transition: .2s ease; } .card_blog .card_content button { position: relative; font-size: 1.2rem; color: var(--red); font-weight: 500; } .card_blog .card_content button img { width: 2rem; margin-right: .75rem; } .card_blog picture { overflow: hidden; } .card_blog picture img { transition: .2s ease; } .card_blog a:hover picture img { transform: scale(1.1); } .card_blog a:hover h3 { color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD THEMATIC NET ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_thematic_networks a { background-color: var(--white); } .card_thematic_networks .card_content .text { padding: 1rem; min-height: 13rem; } .card_thematic_networks .card_content .button { padding: 1rem; border-top: 1px solid #ccc; } .card_thematic_networks .card_content h3 { font-size: 1.5rem; line-height: 1.2; font-weight: 700; } .card_thematic_networks .card_content button { position: relative; font-size: 1.2rem; color: var(--red); font-weight: 500; } .card_thematic_networks .card_content button img { width: 2rem; margin-right: .75rem; } .card_thematic_networks picture { overflow: hidden; } .card_thematic_networks picture img { transition: .2s ease; } .card_thematic_networks a:hover picture img { transform: scale(1.1); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_empty { padding: 2em 1.5em; } .card_empty svg { width: 6em; } .card_empty .text { margin-top: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EVENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_events a { background-color: var(--white); } .card_events .card_content .text { padding: 1rem; min-height: 15rem; } .card_events .card_content .button { padding: 1rem; border-top: 1px solid #ccc; } .card_events .card_content h3 { font-size: 1.25rem; text-transform: uppercase; line-height: 1.3; font-weight: 700; transition: .2s ease; } .card_events .card_content button { position: relative; font-size: 1.2rem; color: var(--red); font-weight: 500; } .card_events .card_content button img { width: 2rem; margin-right: .75rem; } .card_events .location { font-size: 1rem; font-weight: 600; text-transform: uppercase; margin-top: 2rem; } .card_events .location img { width: auto; height: 1.5rem; object-fit: contain; margin-right: .5rem; } .card_events picture { overflow: hidden; } .card_events picture img { transition: .2s ease; } .card_events a:hover picture img { transform: scale(1.1); } .card_events a:hover h3 { color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD DONORS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_elenco + .card_elenco { margin-top: 4rem; } .card_elenco h3 { font-size: 1.6rem; line-height: 1.2; } .card_elenco_i picture { margin-bottom: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD INSIGHTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_insight a { aspect-ratio: 1 / 1; } .card_insight .filter { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } .card_insight .text { padding: 1.5rem; } .card_insight .text h3 { font-size: 1.5rem; font-weight: 600; color: var(--white); text-shadow: 0 0 1.5rem rgb(30 30 30 / 65%); line-height: 1.2; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD VACANCIES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_vacancies { padding: var(--c10v) 0; border-top: 1px solid #ccc; text-align: center; } .card_vacancies:first-of-type { border-top: 0; } .card_vacancies h3 { font-weight: 700; font-size: 1.75rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD PRESS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_press { padding: var(--c10v) 0; border-top: 1px solid #ccc; } .card_press:first-of-type { border-top: 0; } .card_press .date { margin-top: .5rem; text-transform: uppercase; color: #919191; } .card_press h3 { font-weight: 500; font-size: 2rem; } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_home .s1_title br { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .priorities_card:nth-of-type(2) { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .priorities_card a { padding: var(--c7v) var(--c5o); } .priorities_card picture { display: none; } .priorities_card .card_content .icon_bred { margin-bottom: 2rem; } .priorities_card .card_content h2 { font-size: 1.5rem; color: var(--red); text-transform: uppercase; line-height: 1.1; } .priorities_card .card_content button { margin-top: 1.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_home > .bkg_abs { background: url(../images/jpg/paper-texture.jpg) no-repeat center; background-size: cover; filter: brightness(0.95) saturate(2); } .banner_scroll { overflow: hidden; } .banner_scroll_i { will-change: transform; } .banner_scroll h2 { white-space: nowrap; font-size: 4rem; line-height: 1; text-transform: uppercase; color: #935959; opacity: .15; padding-right: 2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wrapper_change { display: grid; grid-template-columns: 1fr 1fr; grid-gap: .25rem; } .box_change { aspect-ratio: 1 / 1; cursor: pointer; overflow: hidden; } .box_change picture, .box_change .filter { transition: .2s ease; will-change: filter; } .box_change .filter_red { opacity: 0; background: url(../images/jpg/texture_carta_rossa.jpg) no-repeat center; background-size: cover; will-change: opacity; } .box_change .box_content { padding: 5% ; text-align: center; } .box_change .box_content h3 { color: var(--white); font-size: 1.25rem; font-weight: 700; line-height: 1.1; } .box_change .box_content h3 a { display: none; transition: unset; font: inherit; text-decoration: underline; } .box_change .box_content img { width: 1.5rem; margin-top: 1.25rem; } .box_change.active picture { filter: blur(7px); } .box_change.active .filter_bt { opacity: 0; } .box_change.active .filter_red { opacity: .75; } .box_change.active .box_content img { transform: scaleY(-1); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .swiper_dots .swiper-pagination-bullet { width: 2rem; height: 3px; border-radius: 0; } .swiper_dots .swiper-pagination-bullet-active { background-color: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s6_home .only_desk { display: none; } .mondo_video .alpha-target { -webkit-mask-image: url(../images/svg/mondo.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; aspect-ratio: 1 / 0.95; height: 100%; } .number_of { padding: 1.25rem 0; border-bottom: 1px solid #ccc; } .number_of:last-of-type { border-bottom: unset; } .number_of img { object-fit: contain; width: 5rem; height: 5rem; margin-right: 2rem; } .number_of .text_number { width: calc(100% - 7rem); } .number_of .number { font-size: 2rem; font-weight: 800; } .number_of p { font-weight: 600; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE BE PART OF THE CAHGE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s_part { border-bottom: 1px solid #ccc; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE GLOBAL MOVEMENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .local_groups { margin-top: var(--c10v); } .local_group { padding: 1.5rem 0; border-bottom: 1px solid #ccc; } .local_group:last-of-type { border: 0; } .local_group h4 { font-weight: 800; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 1.5rem; } .local_group .icon_bred { margin-bottom: 1.25rem; } #map { aspect-ratio: 1 / 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE THEMATIC NETWORKS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .thematic_networks_wrp { display: grid; grid-gap: 1.5rem; } .tn_ev { margin-bottom: 1.5rem; } .form_container { background-color: var(--white); padding: 1.5rem; border-radius: 1.5rem; } .form_container h3 { font-size: calc(var(--h3-size) * .9); } .form_container .text p { font-size: .9rem; } .manifesto_logo { width: 8rem; max-height: 4rem; object-fit: contain ; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_newsletter .container:nth-of-type(2) { flex-direction: row-reverse; } #s2_newsletter .container:nth-of-type(2) .dark_texture { display: none; } #s2_newsletter .container .text { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } #s2_newsletter .container .text .icon_bred { margin-left: auto; margin-right: auto; } #s2_newsletter #custom_form div { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE FUNDING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_our_funding .graphs picture img { object-fit: contain; } .graphics_wrapper { margin-top: var(--c15v); } .graphics_wrapper:first-of-type { margin-top: 0; } .graphics_wrapper .number_of:first-of-type { padding-top: 0; } #s4_our_funding picture img { object-fit: contain; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE OUR ACTIVITIES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s4_our_activities .slider_wrapper { padding: 0 2.5em; } #s4_our_activities .slider_wrapper .nav_btn { width: 2.5em; } #s6_our_activities .slider_wrapper { padding: 0 2.5em; } #s6_our_activities .slider_wrapper .nav_btn { width: 2.5em; } .scacchiera_wrapper { display: grid; grid-gap: 1rem; grid-template-columns: 1fr; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ABOUT US ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_about_us .text_wrp .text { padding: 1rem; } .values_wrapper { display: grid; grid-gap: 2rem; margin-top: 2rem; } .our_value .icon_bred { margin-bottom: 1.5rem; } .our_value h4 { font-weight: 800; margin-bottom: 1.5rem; font-size: 2rem; } .our_structure { padding: 1.5rem 0; border-top: 1px solid rgb(var(--black-rgb) / 15%); } .our_structure:first-of-type { border-top: 0; padding-top: 0; } .our_structure:last-of-type { padding-bottom: 0; } .our_structure h4 { text-transform: uppercase; font-size: 2rem; font-weight: 800; margin-bottom: 1rem; } .select_custom { display: inline-block; position: relative; padding: 0.65em 3em 0.65em 2em; margin-top: 1.5rem; -webkit-appearance: none; background-color: var(--red); border: 2px solid var(--red); border-radius: 5rem; font: inherit; font-size: 1rem; color: var(--white); font-weight: 800; text-transform: uppercase; } .select_custom { background: var(--red) url(../images/svg/sel_open_white.svg) no-repeat calc(100% - 1em) / 1em; } .select_custom:active, .select_custom:focus { background-image: url(../images/svg/sel_close_white.svg); } .button_ren { display: inline-block; position: relative; padding: .65em 2em; background-color: var(--white); border: 2px solid var(--red); border-radius: 5rem; font: inherit; font-size: 1rem; color: var(--red); font-weight: 800; text-transform: uppercase; } .button_ren:hover { background-color: var(--red); color: var(--white); } /*.sec_selct .flex_fut_r { justify-content: flex-end; } .sec_selct .flex_fut_l { justify-content: flex-start; }*/ #select_members { margin-top: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LEGAL STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .numb_net, .numb_grp { text-align: center; width: 100%; } .number_str { padding: 1rem 0; border-bottom: 1px solid #ccc; } .numb { font-size: 2rem; font-weight: 800; text-transform: uppercase; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE HISTORY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*.history_of::before { content: ""; width: 1px; height: 100%; background-color: #ccc; position: absolute; left: 50%; top: 0; }*/ .sec_year { text-align: center; margin-bottom: 15%; } .sec_year .year p { font-size: 5rem; font-weight: 800; position: relative; transition: .25s ease; word-break: keep-all; } .sec_year .year p:nth-of-type(1) { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; -webkit-text-fill-color: transparent; } .sec_year .year p:nth-of-type(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; filter: drop-shadow(0 0 8px rgb(255 255 255 / 25%)); } .sec_year.active .year p:nth-of-type(1) { opacity: 0; } .sec_year.active .year p:nth-of-type(2) { opacity: 1; } .sec_year .sec_img { position: relative; } .sec_year .sec_img picture { margin-top: 5%; aspect-ratio: 1 / 1.1; } .line { position: absolute; top: 0; left: 50%; width: 1px; background-color: #ccc; transform: translateX(-50%); height: 0; } .sec_year_scroll { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE GOVERNANCE BOARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .governance_wrapper h2 { margin-bottom: var(--c5v); } .member_sec { border-bottom: 1px solid #ccc; padding: var(--c7v) var(--c5o); } .member_sec:last-of-type { border-bottom: unset; } .member_sec picture { margin-bottom: 1rem; } .member_sec h3 { font-size: 2.25rem; font-weight: 600; } .member_sec .role { margin-top: 0.25rem; color: var(--red); font-style: italic; font-size: 1.5rem; } .member_sec .text { margin-top: 1.25rem; } .councilors_list { display: none; } .congress_wrp { display: grid; grid-gap: 1rem; } .congress_box { padding: 1.5rem; border: 1px solid #ccc; } .congress_box h3 { font-size: 1.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE IMPACT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_our_impact .text { border: 1px solid #ccc; padding: 1.5rem; } #s2_our_impact .text p:first-of-type { font-size: 1.3rem; } #s3_our_impact .text h3 { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .number_box { text-align: center; padding: 2rem 0; } .number_box:nth-of-type(2) { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .number_box .tit { font-weight: 800; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 2rem; } .number_box .icon_bred { margin-bottom: 1rem; } .number_box .num { font-weight: 800; text-transform: uppercase; font-size: 2rem; margin-bottom: .25rem; } .number_box .desc { font-weight: 600; } .quotes_wrapper { display: grid; grid-gap: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ANNUAL REPORT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_annual_report .text h3 { font-size: 1.5rem; font-weight: 400; } .last_annual { background-color: var(--white); } .last_annual a p { padding: 1.5rem; font-size: 2rem; font-weight: 800; } .last_annual a button { padding: 1.5rem; color: var(--red); font-weight: 600; font-size: 1rem; font-family: var(--main-font); border-top: 1px solid #ccc; width: 100%; } .last_annual a button svg { width: 1.5rem; display: block; margin-right: .75rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PODCAST ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .podcast_box { background-color: var(--white); margin-bottom: var(--c7v); box-shadow: 0 0 1rem rgb(var(--black-rgb) / 15%); } .podcast_box .text { padding: 1.5rem; } .podcast_box .text .link::before { content: "▶"; margin-right: 0.5rem; } .telegram_box { background-color: var(--white); padding: 1.5rem; } .telegram_box svg { width: 5rem; margin-right: 1rem; } .telegram_box svg path { fill: #2ca4de; } .telegram_box p { font-weight: 700; font-size: 1.25rem; } #s3_podcast_int .text { margin-top: var(--c10v); background-color: var(--white); padding: 2rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); } #s3_podcast_int .text:first-of-type { margin-top: 0; } .text .date_podcast { border: 1px solid #1e1e1e; display: inline-block; padding: 0.25rem 1rem; border-radius: 3rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE WORK WITH US ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s3_work_with_us #form_white { padding: 1.5rem; background-color: rgb(var(--white-rgb) / 75%); } .no_vacancies { padding: 1.5rem; margin-top: 2.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE MEET THE TEAM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_meet_team h2 { font-weight: 400; font-size: 2rem; } .filter_wrapper { /*display: grid; grid-gap: 1.5rem .75rem; grid-template-columns: 1fr 1fr;*/ display: flex; align-items: flex-start; justify-items: center; flex-wrap: wrap; gap: 1rem .75rem; } .filter_team { padding: 1rem .75rem; width: calc(50% - .75rem); } .filter_team .filter { opacity: .5; mix-blend-mode: multiply; } .filter_team img { width: 2rem; margin-right: .5rem; transition: .125s; } .filter_team span { display: block; width: calc(100% - 2.5rem); text-align: left; font-size: .9rem; transition: .2s ease; } .filter_team.active { background-color: var(--red); } .filter_team.active .filter { } .filter_team.active img { filter: brightness(0) invert(1); } .filter_team.active span { color: var(--white); } .filter_team:hover { background-color: rgb(var(--red-rgb) / 10%); } .team_member { padding: 1rem; margin-bottom: 1.5rem; } .team_member img { margin-bottom: 1.5rem; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; width: 11rem; } .team_member .name { margin-bottom: 1rem; font-size: 1.75rem; font-weight: 700; line-height: 1.1; } .team_member .role { margin-bottom: 1rem; text-transform: uppercase; } .team_member p a { font-weight: 700; text-decoration: underline; } .team_member p a:hover { color: var(--red); } .team_wrapper { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRESS CENTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_press_center .container { display: grid; grid-gap: 1.5rem; } #s2_press_center .text { padding: 1.5rem; } #s2_press_center .text .texture_dark { opacity: .5; } #s2_press_center .text a { display: inline-block; } #s2_press_center .text_left strong { color: var(--red); } #s2_press_center .text_right a { color: var(--red); } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .pagination { position: relative; } .pagination ul { padding: 0 1rem; position: relative; } .pagination li .next, .pagination .prev { display: none; } .pagination li { border: 0; } .pagination a, .pagination span { width: 2.5rem; height: 2.5rem; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .2s ease; margin-right: .5rem; color: var(--black); font-weight: 700; } .pagination .current { cursor: default; color: var(--white); font-weight: 700; background-color: var(--red); border-color: transparent; } .pagination .current:hover { background-color: var(--red); color: var(--white); opacity: .5; } .pagination a:hover, .pagination .dots:hover, .pagination a:focus, .pagination .dots:focus { background-color: transparent; color: var(--black); } .pagination .nav-links { display: flex; align-items: center; justify-content: flex-start; padding: 0 1rem; position: relative; margin: 0; } .pagination .next.page-numbers { display: none; } #card_grid { display: grid; grid-gap: 1.5rem; } #card_grid > div a { box-shadow: 0 0 .75rem rgb(30 30 30 / 20%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PRESS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s2_archive #post_wrapper .card_press:first-of-type { padding: 1.5rem; } .s2_archive #post_wrapper .card_press:first-of-type .bkg_abs { background-image: url(../images/jpg/texture_dark.jpg); opacity: .5; } .s2_archive #post_wrapper .card_press:nth-of-type(2) { border-top: 0; } .filter_lang .sf-field-taxonomy-languages { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 1rem; } .filter_lang .sf-field-taxonomy-languages h4 { font-weight: 700; padding: 0; font-size: 1.2rem; } .filter_lang .sf-field-taxonomy-languages .sf-input-select { background: transparent url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em; -webkit-appearance: none; border: 2px solid var(--black); border-radius: 5rem; padding: 0.75rem 1rem; min-width: 15rem; font-size: 1rem; } .filter_lang .sf-field-taxonomy-languages .sf-input-select:active, .filter_lang .sf-field-taxonomy-languages .sf-input-select:focus { background-image: url(../images/svg/form_sel_close_2.svg); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RESOURCESS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_resources .accordion_wrapper { border: 1px solid #ccc; margin-bottom: var(--c5v); } #s2_resources .accordion_head { cursor: pointer; padding: 1rem; } #s2_resources .accordion_body { display: none; padding: 0 1rem 1rem 1rem; } #s2_resources .pra_pad { padding-bottom: 1rem; } #s2_resources .accordion_child { border-top: 1px solid #ccc; } #s2_resources .accordion_child:first-of-type { } #s2_resources .accordion_child_body a { border-top: 1px solid #ccc; } #s2_resources .accordion_child_body a:first-of-type { } #s2_resources .accordion_wrapper h2 { font-size: 2.5rem; transition: .2s ease; } #s2_resources .accordion_wrapper h3 { font-size: 1.5rem; font-weight: 600; transition: .2s ease; } #s2_resources .accordion_wrapper h4 { font-size: 1.25rem; font-weight: 400; transition: .2s ease; } #s2_resources .accordion_wrapper .accordion_link:hover :where(h2, h3, h4) { color: var(--red); } #s2_resources .accordion_wrapper .accordion_link:hover svg path { fill: var(--red); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION DONORS / FUNDED PROJECT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .donors_wrapper .card_elenco .card_elenco + .card_elenco { margin-top: 4rem; } .donors_wrapper .card_elenco_i picture { margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; /*padding: 1rem; background-color: var(--white);*/ } .donors_wrapper .card_elenco_i picture img { object-fit: contain; max-height: 8rem; } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .single iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .excpt p { font-size: 1.125rem; font-weight: 600; } .excpt p:first-of-type::first-letter { display: block; float: left; font-size: 200%; line-height: 1; background-color: var(--red); color: var(--white); padding: 0 0.5rem; margin-right: 0.5rem; margin-top: -0.75rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .page_block { margin: var(--c10v) auto 0 auto; } .page_block:first-of-type { margin-top: 0 !important; } .page_block.sec_link { margin-top: 1.5rem; } .page_block.sec_related .card_elenco h3 { font-size: calc(var(--h3-size) * .75); font-weight: 600; } .acc_block { margin: var(--c10v) auto 0 auto; } .acc_block:first-of-type { margin-top: 0; } .acc_block.sec_link { margin-top: var(--c5v); } .icon_list .big { font-size: 115%; display: block; font-weight: 700; text-transform: uppercase; } .icon_list, p + .icon_list:first-of-type { align-items: center; margin-top: 1.5rem; } .icon_list .icon_bred { width: 5rem; height: 5rem; } .icon_list .testo { padding-left: 1rem; width: calc(100% - 6rem); } .logo_list { align-items: center; margin-top: 1.5rem; } .logo_list img { width: 5rem; height: auto; object-fit: contain; } .logo_list .testo { padding-left: 1rem; width: calc(100% - 5rem); } .accordion .card { border-bottom: 1px solid #ccc; } .accordion .card .accordion_head { cursor: pointer; } .accordion .card .accordion_head h3 { padding: 2rem 0; } .accordion .card .accordion_head svg { display: block; width: 2em; min-width: 2rem; margin-left: .75rem; } .accordion .card .accordion_text { display: none; padding-bottom: 2rem; margin-top: 2.5%; } .accordion .card .accordion_text h2 { font-size: calc(var(--h2-size) * .75); } .accordion .card .accordion_text h3 { font-size: calc(var(--h3-size) * .75); font-weight: 600; margin-bottom: 1.5rem; } .accordion .card .accordion_text h4 { font-size: calc(var(--h4-size) * .75); font-weight: 500; } .list_image_infographic .text { padding: .75rem; } .list_image_infographic .text p { font-size: .9rem; } /* Active */ .accordion .card .accordion_head.active svg { transform: scaleY(-1); } .banner_sec { background-color: var(--red); padding: 1.5rem; border-radius: 1rem; } .banner_sec:hover { opacity: .85; } .banner_sec h3, .banner_sec .h3, .banner_sec p { color: var(--white); } .banner_sec .arrow_link { width: 2.25rem; filter: brightness(0) invert(1); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION EVENTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .info_ev { margin-top: 2rem; gap: 3rem; } .info_ev :where(.location, .calendar) { font-size: 1.25rem; } .info_ev :where(.location, .calendar) img { width: 1.75rem; height: 1.75rem; object-fit: contain; margin-right: .75rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Intro */ #s2_single_blog h1 { font-size: calc(var(--h1-size) * .85); } #s2_single_blog .single_intro p { font-size: 112.5%; font-weight: 500; } /* Paragrafo */ #s2_single_blog .single_paragraph {} /* Citazione */ #s2_single_blog .single_cit p.h3 { font-size: 125%; line-height: 1.5; font-style: italic; font-weight: 400; } #s2_single_blog .single_cit p.h3::before { content: '"'; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - .5ch)); font-size: 175%; line-height: 1; color: #3e3e3e; } #s2_single_blog .single_cit p.h3 big { font-size: 175%; line-height: .5; vertical-align: text-bottom; } #s2_single_blog .single_cit p.author { text-align: right; font-size: 85%; line-height: 1.25; } /* Immagine */ #s2_single_blog .page_block_immagine { width: 80%; } #s2_single_blog .single_img { max-width: calc(75ch + var(--c10o)); margin: var(--c10v) auto 0 auto; } /* Galleria */ #s2_single_blog .single_gallery .swiper-slide {} #s2_single_blog .single_gallery .swiper-slide .filter_black { opacity: 0; transition: .25s ease; } #s2_single_blog .single_gallery .swiper-slide svg { width: 25%; max-width: 4em; filter: drop-shadow(0 0 .5em rgb(30 30 30 / 50%)); opacity: 0; transition: .25s ease; } #s2_single_blog .single_gallery .swiper-slide svg .zoom_path { fill: var(--white); transition: .25s ease; } #s2_single_blog .single_gallery .gallery_thumb { margin-top: 5px; } #s2_single_blog .single_gallery .gallery_thumb button { display: block; transition: .25s ease; } #s2_single_blog .single_gallery .nav_btn :where(img, svg) { filter: invert(1); } #s2_single_blog .single_gallery .swiper-slide:hover .filter_black { opacity: .75; } #s2_single_blog .single_gallery .swiper-slide:hover svg { opacity: 1; } /* Articolo Correlato */ #s2_single_blog .single_link.text a { padding: 1.5em; background-color: var(--red); box-shadow: 0 0 1.5em rgb(30 30 30 / 25%); border: 0 0 1px solid #ccc; border-radius: .5em; text-decoration: none; } #s2_single_blog .single_link a > h3 { color: var(--white); } #s2_single_blog .single_link a > h3::after { content: ''; display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-left: 1em; vertical-align: text-bottom; background: url(../images/svg/ico_link.svg) no-repeat center / contain; filter: invert(1); } #s2_single_blog .single_link a > p { color: var(--white); } /* CTA */ #s2_single_blog .single_cta {} #s2_single_blog .single_cta .link { margin-top: 0; } /* Newsletter */ #s2_single_blog .single_form {} #s2_single_blog .single_form h3 { margin-bottom: 1.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAXONOMY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1_tax .s1_title h1 { color:var(--black); text-shadow: unset; } .s1_tax .s1_title p { color:var(--black); text-shadow: unset; margin-top: 1.5em; font-size: 1rem; } /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ #s_red .text h4 { margin-top: 0.5rem; margin-bottom: 2.5rem; } .sec_form #form { padding: 2rem; border-radius: 1.5rem; overflow: hidden; } #custom_form form .wpforms-field.wpforms-field-checkbox.required_field input { margin-right: 0; } #custom_form form .wpforms-field.wpforms-field-checkbox.required_field a { font: inherit; display: inline; text-decoration: underline; } /* WP-Form - Custom */ #form .wpforms-field label { color: var(--white); } #form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 0; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0; padding: .75rem 0; font-size: 1rem; color: var(--white); } #form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 1; } #form .wpforms-field .wpforms-field-label { color: var(--white); font-weight: 400; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.2; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid var(--white); border-radius: 0; } #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { } #form .wpforms-field.wpforms-field-checkbox li label { margin-left: .5em; font-size: 0.9rem; line-height: 1.2; padding-top: 0; } #form .wpforms-field.wpforms-field-checkbox li label a { color: var(--white); } #form .wpforms-field.wpforms-field-checkbox li label a:hover { opacity: .75; } #form .wpforms-field.wpforms-field-radio li { display: flex; align-items: center; justify-content: flex-start; } #form .wpforms-field.wpforms-field-radio label { color: var(--white); } #form .wpforms-field.wpforms-field-radio input { border: 0; padding: 7px; } #form button[type=submit], #form input[type=submit] { padding: 1rem; font-size: 1.25rem; border: 2px solid var(--white); border-radius: 5rem; width: 100%; background-color: transparent; } #form button[type=submit]:hover, #form input[type=submit]:hover { background: var(--white) !important; color: var(--red); } /* Work with us */ #form_white .wpforms-field label { color: var(--black); } #form_white .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 0; border: 1px solid rgb(var(--black-rgb) / 75%); border-radius: 2rem; padding: .75rem; font-size: 1rem; color: var(--black); box-shadow: unset; } #form_white .wpforms-field textarea { border-radius: 1rem; } #form_white .wpforms-field input::placeholder, #form_white .wpforms-field textarea::placeholder { color: var(--black); opacity: 1; } #form_white .wpforms-field :where(input:focus, textarea:focus, select:focus) { border-color: var(--red); } #form_white .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid var(--black); border-radius: 0; } #form_white .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { } #form_white .wpforms-field.wpforms-field-checkbox li label { margin-left: .5em; padding: ; color: ; } #form_white .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--red); } #form_white button[type=submit], #form_white input[type=submit] { padding: .75rem 1rem; font-size: 1.125rem; color: var(--white); text-transform: uppercase; border: 2px solid var(--red); border-radius: 5rem; width: 100%; background-color: var(--red); } #form_white button[type=submit]:hover, #form_white input[type=submit]:hover { background: var(--white) !important; color: var(--red); } /* Upload field */ #form_white .wpforms-field-file-upload { } #form_white .wpforms-field-file-upload label { font-size: 1rem; font-weight: 400; cursor: pointer; padding: 0.75rem; } #form_white .wpforms-field-file-upload .wpforms-uploader { border: 1px solid var(--black); border-radius: 1rem; background-color: transparent; } /*#form_white .wpforms-field-file-upload label { font-size: 1rem; font-weight: 400; cursor: pointer; padding: 0.75rem; border: 1px solid var(--black); border-radius: 1rem; } #form_white .wpforms-field-file-upload input { display: none; } #form_white .wpforms-field-file-upload label::after { content: "Attach resume"; display: block; width: fit-content; padding: 0.5rem 0.75rem; background-color: #d7cfc5; border-radius: 3rem; font-weight: 500; margin-top: 0.5rem; transition: .2s ease; } #form_white .wpforms-field-file-upload label:hover::after { opacity: .5; }*/ /* Ratio field */ #form_white .wpforms-field-radio ul li input::after, #form_white .wpforms-field-radio ul li input::before { display: none; } #form_white .wpforms-field-radio ul li input { padding: 0.5rem; } #form_white .wpforms-field-radio ul li input:checked { background-color: var(--red); } #form_white .wpforms-field-html, #form_white .wpforms-field-html p { font-size: .85rem; } /* Custom form */ /*#custom_form form { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }*/ #custom_form { margin-top: 2rem; } #custom_form div { margin-bottom: 1.5rem; } #custom_form div > div { margin: 0.75rem 0; } #custom_form .w50m, #custom_form .w50l { width: 100%; } #custom_form div:has(input[type="hidden"]) { margin: 0; } #custom_form div label { display: flex; align-items: center; justify-content: flex-start; font-size: .85rem; } #custom_form div label + :where(select, input) { margin-top: 0.5rem; } #custom_form :where(input, textarea, select) { width: 100%; max-width: 100%; height: auto; min-height: unset; margin: 0; padding: .5em .5em; background-color: transparent; border: 1px solid rgb(var(--black-rgb) / 50%); border-radius: 4rem; font: 400 var(--rem) / 1.25 var(--main-font); color: var(--black); } #custom_form :where(input, textarea)::placeholder { color: rgb(var(--black-rgb) / 50%); } #custom_form textarea { resize: vertical; height: auto; line-height: 1.5; } #custom_form select { -webkit-appearance: none; appearance: none; padding-right: 2.5em; background: url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em; cursor: pointer; } #custom_form select:active, #custom_form select:focus { background-image: url(../images/svg/form_sel_close_2.svg); } #custom_form select option { color: var(--black); } #custom_form input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .625em; margin: 0 .75em 0 0; background: transparent; border: 1px solid var(--black); border-radius: .25em; cursor: pointer; transition: .25s ease; background: no-repeat center; background-size: .75em; } #custom_form input[type="checkbox"]:checked { background-image: url(../images/svg/checked_black.svg); } #custom_form input[type="radio"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .5em; margin: 0 .75em 0 0; background: transparent; border: 1px solid var(--black); border-radius: 5em; cursor: pointer; transition: .25s ease; } #custom_form input[type="radio"]:checked { background-color: var(--red); } #custom_form select + p { margin-top: .75em; } #custom_form p { font-size: .75em; } #custom_form button[type=submit], #custom_form input[type=submit] { display: block; width: 100%; height: auto; padding: .5em 1rem; font: 700 125% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; border: 2px solid var(--red); border-radius: 5rem; background-color: var(--red); cursor: pointer; transition: .25s ease; } #custom_form button[type=submit]:hover, #custom_form input[type=submit]:hover { background-color: var(--white); color: var(--red); } /* FORM - SALES FORCE */ #form .wpforms-field.wpforms-field-checkbox { display: flex; align-items: center; justify-content: flex-start; gap: 1rem } #form .wpforms-field.wpforms-field-checkbox label { color: var(--white); font-weight: 400; margin-bottom: 0; } #form .wpforms-field.wpforms-field-checkbox a { display: inline-block; text-decoration: underline; } #form .wpforms-field.wpforms-field-checkbox input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .625em; margin: 0 .75em 0 0; background: transparent; border: 1px solid var(--white); border-radius: .25em; cursor: pointer; transition: .25s ease; background: no-repeat center; background-size: .75em; } #form .wpforms-field.wpforms-field-checkbox input[type="checkbox"]:checked { background-image: url(../images/svg/checked.svg); } label.hide { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; } /* Custom form - SALES FORCE */ #custom_form .wpforms-field.wpforms-field-checkbox { display: flex; align-items: center; justify-content: flex-start; gap: 1rem } #custom_form .wpforms-field.wpforms-field-checkbox label { color: var(--black); font-weight: 400; margin-bottom: 0; } #custom_form .wpforms-field.wpforms-field-checkbox input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .625em; margin: 0 .75em 0 0; background: transparent; border: 1px solid var(--black); border-radius: .25em; cursor: pointer; transition: .25s ease; background: no-repeat center; background-size: .75em; } #custom_form .wpforms-field.wpforms-field-checkbox input[type="checkbox"]:checked { background-image: url(../images/svg/checked_black.svg); } /** * * █ █▀▀█ █▄ █ █▀▀▄ ▀█▀ █▄ █ █▀▀█ 　 █▀▀█ █▀▀█ █▀▀█ █▀▀▀ * █ █▄▄█ █ █ █ █ █ █ █ █ █ █ ▄▄ 　 █▄▄█ █▄▄█ █ ▄▄ █▀▀▀ * █▄▄█ █ █ █ ▀█ █▄▄▀ ▄█▄ █ ▀█ █▄▄█ 　 █ █ █ █▄▄█ █▄▄▄ - LANDING PAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .text.white p a { color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADVOCACY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_lp_adv .ratio-3-4 { aspect-ratio: 3 / 3.5; } #page_lp_adv .big_par > p:first-of-type, #page_lp_adv .big_par.all p { font-size: 1.75rem; line-height: 1.3; font-weight: 500; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ Sec 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ #s3_lp_adv .accordion .card .accordion_text { margin-top: 0; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ Sec 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ .case_studies_box { padding: 1rem 0; position: relative; } .case_studies_box::after { content: ""; width: calc(100% - 4.75rem); height: 1px; position: absolute; right: 0; bottom: 0; background-color: #ccc; } .case_studies_box:last-of-type::after { display: none; } .case_studies_box:hover { background-color: rgb(30 30 30 / 10%); } .case_studies_box img { width: 4rem; } .case_studies_box p { width: calc(100% - 6rem); padding: 0 .75rem; font-size: 1rem !important; } .case_studies_box svg { width: 2rem; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ Sec 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ #s6_lp_adv .filter_red { background: url(../images/jpg/texture_carta_rossa.jpg) no-repeat center; background-size: cover; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ Sec tips ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ .sf_tips { position: fixed; bottom: .5rem; right: .5rem; z-index: 1; } .sf_tips .button_tips { width: 3.5rem; padding: .5rem; border-radius: 50%; background-color: var(--white); box-shadow: 0 0 0.5rem rgb(30 30 30 / 10%); animation: trillo 3s linear infinite forwards; } @keyframes trillo { 0% { transform: translateX(0px); } 1% { transform: translateX(5px); } 2% { transform: translateX(0px); } 3% { transform: translateX(-5px); } 4% { transform: translateX(5px); } 5% { transform: translateX(0px); } 100% { transform: translateX(0px); } } .button_tips:hover { animation-play-state: paused; } #swiper_tips { display: none; position: absolute; bottom: 5rem; right: .25rem; width: 20rem; background: var(--white); border-radius: 1rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); } #swiper_tips::after { content: ""; display: block; width: 0px; height: 0px; border-top: 3rem solid transparent; border-bottom: 3rem solid transparent; border-right: 3rem solid white; position: absolute; bottom: -1.4rem; right: 1rem; } #swiper_tips .close_tips { position: absolute; top: .5rem; right: .5rem; width: 1rem; z-index: 1; } #swiper_tips .swiper-wrapper { align-items: center; } #swiper_tips .swiper-slide { padding: 1rem 1.5rem; text-align: center; height: 100%; } #swiper_tips .swiper-slide h4 { font-size: 1.5rem; line-height: 1.1; color: var(--red); margin-bottom: .5rem; } #swiper_tips .swiper-slide p { font-size: .85rem; } #swiper_tips .swiper-slide p a { display: inline; text-decoration: underline; } #swiper_tips .swiper-slide p a:hover { color: var(--red); } #swiper_tips .swiper_dots { z-index: 1; } #swiper_tips .swiper_dots .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; } /* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ Sec steps ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */ /* Sidebar */ .index_steps { z-index: 1; top: 0; position: absolute; top: 0; left: 0; max-width: calc(100% - 3rem); } .index_steps .inner_steps { background-color: var(--red); mix-blend-mode: multiply; padding: 1.5rem 0; transform: translateX(calc(4.5rem - 100%)); transition: .25s ease; } .box_step { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); } .box_step:last-of-type { border-bottom: 0; } .box_step button { padding: 1.5rem 1rem; opacity: .5; } .box_step.active button { opacity: 1; background-color: rgb(var(--white-rgb) / 30%); } .box_step img { width: 2.5rem; } .box_step img:nth-of-type(1) { display: none; } .box_step span { width: calc(100% - 2.5rem); display: block; text-align: left; padding-left: 1rem; font: 700 1.5rem / 1 var(--main-font); color: var(--white); opacity: 0; } .index_steps .open_sidebar { width: 2.25rem; height: 5rem; background-color: var(--red); border-radius: 0 1.75rem 1.75rem 0; position: absolute; left: 4.5rem; bottom: 50%; transform: translate(1px, 50%); } .index_steps .open_sidebar::after { content: ""; width: 1.75rem; height: 1.75rem; background: url(../images/svg/arrow_left.svg) no-repeat center; background-size: contain; transform: rotate(180deg); } .index_steps.opened .inner_steps { transform: translateX(0); } .index_steps.opened .inner_steps span { opacity: 1; } .index_steps.opened .inner_steps .box_step img:nth-of-type(1) { display: block; } .index_steps.opened .inner_steps .box_step img:nth-of-type(2) { display: none; } .index_steps.opened .open_sidebar { left: 100%; } /* Content */ .content_steps { width: calc(100% - 4.5rem); padding: 0 var(--c5o) 0 calc(var(--c5o) + 2.25rem); } .content_steps h2 { font-weight: 500; line-height: 1.1; } .content_steps h2 b, .content_steps h2 strong { color: var(--red); } .content_steps p.tit { text-transform: uppercase; font-size: 1.125rem; font-weight: 500; } .content_steps .text ul li { margin-top: .5rem; } .sec_step { z-index: 1; margin-bottom: var(--c10v); padding-bottom: var(--c10v); border-bottom: 1px solid #a9a9a9; } .sec_step.back { z-index: 0; } /* Box domande */ .questions_content { background-color: var(--white); padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); } .questions_content .domanda { padding: .75rem 0; border-bottom: 1px solid #ccc; } .questions_content .domanda:last-of-type { border-bottom: 0; padding-bottom: 0; } .domanda .accordion_head { cursor: pointer; } .domanda .accordion_head > div { width: calc(100% - 1rem); padding-right: .5rem; } .domanda .accordion_head svg { width: 1rem; } .domanda .accordion_text { display: none; padding-top: 1rem; } .ico_domanda { position: absolute; top: 0; right: 0; width: 4rem; transform: translate(25%, -50%); } /* Box tips */ .tips_content { background-color: var(--red); mix-blend-mode: multiply; padding: 1.5rem; } .tips_content * { color: var(--white); } .tips_content .tip { padding: .75rem 0; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); } .tips_content .tip:last-of-type { border-bottom: 0; padding-bottom: 0; } .ico_tips { position: absolute; top: 0; right: 0; width: 4rem; transform: translate(25%, -50%); } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie {} /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_404 { background-color: var(--bkg_color); } #s1_404 .s1_title h1 { font-size: 2.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ figcaption { font-size: .9rem; margin-top: 0.5rem; font-style: italic; } .wp-caption .wp-caption-text { margin-top: 0; background-color: var(--black); color: var(--white); padding: 0.5rem; text-align: left; } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) ) * => CALC 1920px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) ) * => CALC 1280px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) ) * => CALC 1024px -> 360px -> calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 360 * * __________________________________________________________________________________________________________________________________________________________________________ */ .head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); } /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .head_wrapper { padding: 1.5em 0 1.5em 2.5%; z-index: 2; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .link_rapidi_mobile a { padding: 0.75rem 0.25rem; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ #s_quote .text { text-align: right; padding: 1.5rem; padding-right: 0; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ /* s3 */ .highlights_wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; } .highlights_wrapper .card_highlights { width: calc(50% - .5rem); margin-bottom: 0; } .highlights_wrapper .card_highlights:nth-of-type(1) { width: 100%; } .highlights_wrapper .card_highlights:nth-of-type(1) a { aspect-ratio: 4 / 3; } .highlights_wrapper .card_highlights:nth-of-type(1) .text p { display: block; color: var(--white); font-weight: 500; } .banner_scroll h2 { font-size: 8rem; } /* s4 */ .box_change .box_content h3 { font-size: 2.25rem; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Podcast */ .telegram_box { margin: 0 auto; width: 30rem; } .telegram_box svg { margin-right: 1.5rem; } .telegram_box p { font-size: 1.5rem; } /* Meet the team */ .filter_team { width: calc((100% / 3) - .75rem); } .filter_team:nth-of-type(7), .filter_team:nth-of-type(8), .filter_team:nth-of-type(9), .filter_team:nth-of-type(10) { width: calc(25% - .75rem); } /* Our governance */ .member_sec { display: flex; align-items: flex-start; justify-content: flex-start; } .member_sec picture { width: 25%; } .member_sec .content_member { width: 75%; padding-left: 1.5rem; } /* Our history */ .sec_year .sec_img { width: 50%; margin: 5% auto 0 auto; } /* Thematic net */ .thematic_networks_wrp { grid-template-columns: 1fr 1fr; } .tn_ev .card_thematic_networks a { display: grid; grid-template-columns: 1fr 1fr; } .tn_ev .card_thematic_networks picture { height: 100%; aspect-ratio: unset; } .tn_ev .card_thematic_networks .card_content { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .tn_ev .card_thematic_networks .card_content h3 { font-size: 2.75rem; } .tn_ev .card_thematic_networks .card_content :where(.text, .button) { width: 100%; } /* Custom form */ /*#custom_form .w50m { width: calc(50% - (1.5rem / 2)); }*/ /* Our activities */ .scacchiera_wrapper { grid-template-columns: 1fr 1fr; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ #card_grid { grid-template-columns: 1fr 1fr; } .cerca_eventi form, .cerca_eventi .flatpickr-calendar.inline, .cerca_eventi .flatpickr-rContainer { width: 307.875px; } .cerca_eventi .dayContainer { width: 307.875px; min-width: 307.875px; } /*∞∞∞∞∞∞ DONORS ∞∞∞∞∞∞*/ #s2_donors .text { text-align: left; } .donors_wrapper { text-align: left; } .card_elenco_i { display: flex; align-items: flex-start; justify-content: flex-start; } .card_elenco_i picture { margin-left: 0; margin-right: 0; width: 20%; } .donors_wrapper .card_elenco_i { align-items: center; } .donors_wrapper .card_elenco_i .text { padding-left: 2rem; } #s3_funded_projects .card_elenco_i .text { padding-top: 1.5rem; padding-left: 3rem; } .card_elenco_i .text { width: 80%; padding-left: 1.5rem; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ .link_rapidi_mobile { display: none; } .link_rapidi_desk { display: flex; } .link_rapidi_desk .link { margin-right: 1rem; font-size: .7rem; } .hamburger { margin-right: 1.25rem; margin-left: 1.25rem; } .hamburger:hover span { opacity: .75; } .hamburger:hover .burger { width: 2rem; } #main_nav .menu_wrapper { display: flex; align-items: flex-start; justify-content: flex-start; overflow-y: hidden; } #main_nav .texture_carta { width: 50%; } .menu_header { width: 30%; height: 100vh; overflow-y: scroll; } .menu_header .menu_header_i { border-bottom: 0; padding: 1rem 1.5rem; } .menu_header .hamburger { display: none; } .menu_header::-webkit-scrollbar { width: 2px; background-color: transparent; } .menu_header::-webkit-scrollbar-thumb { width: 2px; background-color: var(--red); } .pillars_menu h4 { font-size: 1.75rem; padding: 1rem 1.5rem; } .pillars_menu h4::before { font-size: 0.8rem; } .pill_menu { padding: 1rem 1.5rem; } .pill_menu:hover { background-color: rgb(var(--red-rgb) / 10%); } .pill_menu p { font-size: 1.25rem; } .pill_menu svg { width: 3rem; } .topics_loop { display: block; padding: 1rem 1.5rem; border-top: 1px solid #ccc; } .topics_loop p { font-size: 1.25rem; text-transform: uppercase; font-weight: 700; margin-bottom: 1rem; } .topics_loop a { display: inline-block; margin: 0 0.25rem 0.5rem 0; padding: 0.5em 0.75em; border: 1px solid #707070; border-radius: 4rem; color: var(--black); font-size: 0.7rem; } .topics_loop a:hover { background-color: rgb(var(--red-rgb) / 10%); } .head_menu { display: grid; grid-template-columns: 1fr 1fr 1fr; height: 100vh; } .head_menu .menu_cat { display: none; } .tit_menu { border-right: 1px solid rgb(var(--white-rgb) / 25%); } .tit_menu .link_only_mobile { display: none; } .tit_menu > a { font-size: 1.5rem; padding: 0; } .tit_menu:not(.no_acc) > a::after { display: none; } .tit_menu:not(.no_acc) .sub-menu { display: block; } .tit_menu:not(.menu_cat) .sub-menu a { font-size: 1em; line-height: 1.1; padding: 0.35em 0; position: relative; display: inline-block; opacity: 1; } .tit_menu:not(.menu_cat) .sub-menu li:first-of-type a { margin-top: 0; } .tit_menu a:hover { opacity: .5; } /*.our_global_mvt { order: 1; } .our_activities { order: 2; } .be_part { order: 3; } .about_us { order: 4; } .media_press { order: 5; } .contact_us { order: 6; }*/ .about_us { order: 1; } .our_global_mvt { order: 2; } .our_activities { order: 3; } .be_part { order: 4; } .media_press { order: 6; } .contact_us { order: 5; } footer .media_press { order: 5; } footer .contact_us { order: 6; } .media_press > a { opacity: 1 !important; cursor: default; } .contact_us > a { opacity: 1 !important; cursor: default; } .menu_int { width: 70%; height: 100%; } .menu_int .shop_menu.flex-l { display: none; } .menu_int .texture_carta_rossa { padding-right: 4rem; height: 100%; padding-bottom: 0; } .menu_int .menu_right_desk { display: block; height: 100vh; width: 4rem; position: absolute; top: 0; right: 0; } .menu_int .menu_right_desk .hamburger { margin: 0; margin-top: 1rem; width: 100%; } .menu_int .menu_right_desk .hamburger .wrap { width: 100%; } .menu_int .menu_right_desk .hamburger span { background-color: var(--white); } .menu_int .shop_menu { padding: 0; position: absolute; bottom: 1.5rem; width: 100%; font-size: 1.25rem; } .menu_int .shop_menu svg { margin: 0; margin-bottom: .5rem; height: 1.5rem; width: 1.5rem; } .tit_menu:not(.menu_cat) .sub-menu a::after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0.275em; background-color: var(--white); transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center; } .tit_menu:not(.menu_cat) .sub-menu a:hover::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ #s_quote .text h4 { font-size: 2rem; } footer { text-align: left; } footer .container:first-of-type { display: grid; grid-template-columns: .5fr 1fr; padding-right: 5rem; } .block_left, .block_center_bottom, .block_center_right, .block_center_left { padding: var(--c10v) var(--c2o); } .block_center_right { border-top: 0; } .block_left { margin: 1rem 0; border-right: 1px solid #ccc; } .foot_logo { margin-left: 0; margin-right: 0; max-width: 90%; } .block_center { width: calc(100% - 2rem); margin-left: 1rem; } .top_right { border-top: 0; } .block_center_bottom { display: block; } .block_center_bottom p { font-size: .9rem; } .block_right { padding: 0; width: 5rem; position: absolute; top: 0; right: 0; height: 100%; border-left: 1px solid #ccc; border-top: 0; } .block_right .social_wrapper { flex-direction: column; height: 100%; } .block_right .social_wrapper a { width: auto; max-width: 1.25rem; height: 1.25rem; margin-bottom: 1.2rem; margin-right: 0; } .foot_menu { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0 1.5rem; } .menu_shop_footer.tit_menu { padding: 0; position: absolute; right: 3.5rem; bottom: var(--c7v); width: auto; } /* Back Top */ #back_top { opacity: 1; } .eu_logo img { margin: 0 } .eu_logo p { width: calc(100% - 10rem); padding-left: 2rem; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ .tac_mobile { text-align: left; } /* S1 */ .social_wrapper_top { display: flex; position: absolute; top: 0; right: 0; width: 7rem; height: 100%; border-left: 1px solid rgb(var(--white-rgb) / 25%); } .social_wrapper_top a { width: auto; max-width: 1.25rem; height: 1.25rem; margin-bottom: 1.2rem; } .social_wrapper_top a svg { display: inline-block; width: 100%; height: 100%; object-fit: contain; } .social_wrapper_top a svg path { fill: var(--white); transition: .2s ease; } .social_wrapper_top a:hover { transform: scaleY(.95); } .social_wrapper_top a:hover svg path { fill: var(--red); } .s1_title.tac_mobile { width: calc(100% - 8rem); } .s1_title.tac_mobile .double_link { justify-content: flex-start; } /* S2 */ .priorities_wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; } .priorities_card:nth-of-type(2) { border: 0; } .priorities_card a { min-height: 35rem; padding: 1.5rem; } .priorities_card .filter { opacity: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } .priorities_card picture { display: block; opacity: 0; } .priorities_card .card_content h2 { font-size: 1.25rem; } .priorities_card :where(.filter, picture) { transition: .5s ease .05s; } .priorities_card :where(.card_content h2, .icon_bred) { transition: .25s ease; } .priorities_card:hover .filter, .priorities_card:hover picture { opacity: 1; } .priorities_card:hover .icon_bred { background-color: transparent; } .priorities_card:hover .card_content h2 { color: var(--white); } .priorities_card:hover button { border-color: var(--white); background-color: transparent; } .priorities_card:hover button:hover { background-color: var(--white); } /* S3 */ .highlights_wrapper { align-items: flex-start; gap: 0; } .highlights_wrapper .card_highlights { width: 30%; padding: 0.25rem; } .highlights_wrapper .card_highlights a { height: 13.75rem; aspect-ratio: unset; overflow: hidden; } .highlights_wrapper .card_highlights a picture { transition: .2s ease; } .highlights_wrapper .card_highlights button { display: none; } .highlights_wrapper .card_highlights:nth-of-type(1) { width: 40%; } .highlights_wrapper .card_highlights:nth-of-type(1) a { height: 28rem; aspect-ratio: unset; } .highlights_wrapper .card_highlights:nth-of-type(1) .text h3 { font-size: 3rem; } .highlights_wrapper .card_highlights:nth-of-type(1) button { display: inline-block; } .highlights_wrapper .card_highlights:nth-of-type(4) { position: absolute; bottom: 0; left: 40%; } .highlights_wrapper .card_highlights:nth-of-type(5) { position: absolute; bottom: 0; right: 0; } .highlights_wrapper .card_highlights a:hover { background-color: var(--red); } .highlights_wrapper .card_highlights a:hover picture { transform: scale(1.1); opacity: .5; } /* S4 */ .wrapper_change { grid-template-columns: 1fr 1fr 1fr; } .box_change .box_content h3 a { transition: opacity .2s ease; } .box_change .box_content h3 a:hover { opacity: .5; } .box_change { cursor: inherit; } .box_change .box_content { padding: 2.5rem 1rem; } .box_change .box_content img { display: none; } /* S5 */ .card_blog .card_content .button, .card_blog .card_content .text { padding: 1.5rem; } .blog_in_ev .card_blog a { display: grid; grid-template-columns: 1fr 1fr; } .blog_in_ev .card_blog picture { height: 100%; aspect-ratio: unset; } .blog_in_ev .card_blog .card_content { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .blog_in_ev .card_blog .card_content h3 { font-size: 2.75rem; } .blog_in_ev .card_blog .card_content .text { padding-top: 3rem; } .blog_in_ev .card_blog .card_content :where(.text, .button) { width: 100%; } /* S6 */ #s6_home .text { width: 70%; } .num_counter { width: 45%; margin-top: var(--c7v); } .mondo_video { position: absolute; top: 5%; right: -35%; height: 90%; } /*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/ .donors_wrapper .card_elenco_i .text { padding-left: 3rem; } .s2_page .text.tac.w100 p { max-width: 100%; margin-left: auto; margin-right: auto; } .text.tac.w100 p { max-width: 65%; margin-left: auto; margin-right: auto; } .card_elenco_i picture { width: 15%; } .card_elenco_i .text { width: 85%; } /* Newletter */ #s2_newsletter .container .text .w100 { width: calc(100% - 6rem); } #s2_newsletter .container .text .icon_bred { margin-left: 0; margin-right: 0; } /* About us */ .triple_box_grid { grid-template-columns: 1fr 1fr 1fr; } .values_wrapper { display: grid; grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } .our_value { justify-content: flex-start; } /* Our global movement */ .local_groups { display: flex; align-items: flex-start; justify-content: center; } .local_group { width: calc(100% / 3); padding: 0 2rem; border: 0; border-right: 1px solid #ccc; } .local_group:last-of-type { border: 0; } #page_be_part .sized { background-attachment: fixed; } #map { aspect-ratio: 16 / 9; } /* Our global structure */ #s5_global_structure .container:nth-of-type(even) { flex-direction: row-reverse; } /* Our goverance */ .member_sec picture { width: 20%; } .member_sec .content_member { width: 80%; } .congress_wrp { grid-template-columns: 1fr 1fr; } /* Our history */ .sec_year { min-height: 50vh; padding-top: var(--c7v); } .sec_year .year p { font-size: 10rem; line-height: 1; z-index: 1; } .sec_year .text { z-index: 1; width: 25rem; margin: 0 auto; text-align: left; transform: translateX(10rem); } .sec_year .sec_img { width: 20rem; margin: 0; position: absolute; top: 2.5%; left: 0; /*transform: translate(calc(-100% - 5rem), 0);*/ } .sec_year:nth-of-type(even) .sec_img { left: unset; right: 0; } /*.sec_year:nth-of-type(even) .sec_img picture { transform: translate(calc(50% - 5rem), 0); }*/ .sec_year:nth-of-type(even) .text { transform: translateX(-10rem); } /* Our annual report */ .last_annual { display: grid; grid-template-columns: 1fr 1fr; } .last_annual a { height: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .last_annual picture { height: 25rem; } .last_annual a p { font-size: 2.5rem; } .last_annual a button { font-size: 1.25rem; } .last_annual a button svg { width: 1.75rem; } .material_sec { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 7% !important; margin-top: var(--c7v); } .material_sec .material_line:nth-of-type(2) { border-top: 0; } .mega_wrapper_sidebar .material_sec { display: block; grid-gap: 0; } .mega_wrapper_sidebar .material_sec .material_line:nth-of-type(2) { border-top: 1px solid #ccc; } /* Press center */ #s2_press_center .container { display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr; } /* Podcast */ .podcast_box { display: grid; grid-template-columns: 0.75fr 1fr; } .podcast_box .text { padding: 2rem 1.5rem; } /* Work with us */ .card_vacancies { padding: 1.5rem 0; text-align: left; } #s3_work_with_us #form_white { padding: 5%; margin-top: 5%; } /* Our activities */ .scacchiera_wrapper { grid-template-columns: 1fr 1fr 1fr; } /* Icon list */ .double_columns { display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr; margin-top: 1.5rem; } .double_columns .icon_list { margin-top: 0; } /* SIDEBAR */ .mega_wrapper_sidebar .wrapper_left { border-right: 1px solid #ccc; } .wrapper_right.sidebar { position: relative; top: 0; width: 30%; height: auto; transform: unset; z-index: 1; } .wrapper_right.sidebar .filter_close { display: none; } .wrapper_sidebar { transform: unset; position: relative; width: 100%; max-width: unset; height: auto; background: none; border: 0; } .wrapper_right.sidebar .open_sidebar { display: none; } #sidebar { overflow: visible; padding-bottom: var(--c5v); } .sidebar_box { padding: var(--c7v) 1.5rem 0 1.5rem; } .sidebar_box:first-of-type { padding-top: var(--c5v); } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content { padding: 1rem; padding-top: 4rem; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content p.tit { font-size: 1.5rem; } .sidebar_box .list_post_sidebar.sidebar_camp .list_post_sidebar_content .m5t { margin-top: .75rem; } .cerca_eventi form, .cerca_eventi .flatpickr-calendar.inline, .cerca_eventi .flatpickr-rContainer { width: 250px; } .cerca_eventi .dayContainer { width: 250px; min-width: 250px; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LANDING ADVOCACY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Tips */ #swiper_tips { width: 25rem; } #swiper_tips .swiper_dots .swiper-pagination-bullet { width: 10px; height: 10px; } /* Step */ .wrapper_steps { align-items: flex-start; } .index_steps { position: sticky; width: 30rem; } .index_steps .inner_steps { transform: unset; width: 100%; } .box_step img:nth-of-type(1) { display: block; } .box_step img:nth-of-type(2) { display: none; } .box_step span { opacity: 1; } .index_steps .open_sidebar { display: none; } .sec_content_tmp { margin-top: var(--c7v); } .content_steps { padding: 0 var(--c5o) 0 var(--c2o); width: calc(100% - 30rem); } .questions_content .domanda, .tips_content .tip { padding: 1.25rem 0; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { /* HEADER */ .menu_int .texture_carta_rossa { padding-right: 5rem; } .menu_int .menu_right_desk { width: 5rem; } .link_rapidi_desk .link { margin-right: 1.5rem; font-size: 0.8rem; } /*.tit_menu > a { padding-right: 1.75rem; } .tit_menu:not(.no_acc) > a::after { display: block; background-image: url(../images/svg/link_white.svg); transition: .2s ease; } .tit_menu.media_press > a::after, .tit_menu.contact_us > a::after { display: none; } .tit_menu:not(.no_acc) > a:hover::after { transform: translate(.5rem, -50%); }*/ .tit_menu > a { display: flex; align-items: center; justify-content: flex-start; } .tit_menu > a span:not(.arrow) { max-width: calc(100% - 2.25rem); } .tit_menu > a .arrow { width: 1.5rem; height: 1.5rem; margin-left: .75rem; background: url(../images/svg/link_white.svg) no-repeat center; background-size: contain; } /* FOOTER */ #s_quote .text h4 { line-height: 1.2; font-size: 2.5rem; } .block_left h4 { font-size: 1.75rem; line-height: 1.3; } .block_center { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .block_center_top, .block_center_left, .block_center_right { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; flex-direction: row-reverse; height: 100%; } .block_center_top .block_center_left { width: 50%; border-top: 0; } .block_center_top .block_center_right { width: 50%; } .foot_menu { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 0 1.5rem; } .foot_menu .tit_menu { padding: 2rem 1rem; } .foot_menu .tit_menu > a { font-size: 1.5rem; } .foot_menu .tit_menu:not(.menu_cat) .sub-menu a { font-size: 0.8em; } .foot_menu .tit_menu > a .arrow { display: none; } .menu_shop_footer.tit_menu { padding: 0; position: absolute; right: 3.5rem; bottom: var(--c7v); width: auto; } /* HOME */ .s1_title.tac_mobile { width: 80%; } #s1_home .s1_title br { display: none; } /* S2 */ .priorities_card .card_content h2 { font-size: 1.5rem; } /* S5 */ .card_blog .card_content h3 { font-size: 1.25rem; } /* S6 */ .mondo_video { right: -20%; } /* PAGES */ .small_title h3, .small_title .h3 { font-size: 2rem; max-width: 80%; margin-left: auto; margin-right: auto; } /* Global mvt */ .local_group { padding: 0 3rem; } /* About us */ #s2_about_us .text_wrp .text { padding: 1.5rem; } .values_wrapper { grid-gap: 4rem; } /* Our sructure */ .member_sec { padding: var(--c10v) var(--c5o); } .member_sec picture { width: 15%; } .member_sec .content_member { width: 85%; padding-left: 2rem; } /* Our history */ #s3_our_history .container { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; } .history_of { width: 95%; } .sec_year { max-width: 85%; margin-left: auto; margin-right: auto; position: relative; } .sec_year .text { margin-top: 2rem; } .sec_year_scroll { display: block; position: sticky; top: 5vh; width: 5%; } .sec_year_scroll button { width: 100%; text-align: center; font-size: 1rem; margin-bottom: .75rem; text-decoration: underline; } .sec_year_scroll button:hover { color: var(--red); } /* Our impact */ #s2_our_impact .text { padding: 2rem; } #s2_our_impact .text p:first-of-type { font-size: 1.5rem; } /* Annual report */ .last_annual { grid-template-columns: 1.2fr 1fr; } .last_annual a p { font-size: 3rem; padding: 4rem 8rem 2rem 2rem; line-height: 1.2; } /* Meet the team */ .filter_team img { width: 3rem; } .filter_team span { font-size: 1rem; padding-left: .5rem; } /* Work with us */ #form_white .wpforms-field-file-upload label { display: flex; align-items: center; justify-content: space-between; border-radius: 4rem; } #form_white .wpforms-field-file-upload label .wpforms-required-label { display: none; } #form_white .wpforms-field-file-upload label::after { margin-top: 0; } /* Our activities */ .scacchiera_wrapper { grid-template-columns: 1fr 1fr 1fr; } /* ARCHIVI */ .card_elenco + .card_elenco { margin-top: 6rem; } /* ARCHIVIO BLOG */ #card_grid { grid-template-columns: 1fr 1fr 1fr; } #card_grid .card_blog:first-of-type { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } #card_grid .card_blog:first-of-type a { display: grid; grid-template-columns: 1fr 1fr; } #card_grid .card_blog:first-of-type picture { height: 100%; } #card_grid .card_blog:first-of-type .card_content { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } #card_grid .card_blog:first-of-type .card_content h3 { font-size: 2.75rem; } #card_grid .card_blog:first-of-type .card_content :where(.text, .button) { width: 100%; padding: 1.5rem; } /* ARCHIVIO EVENTI */ #card_grid { grid-template-columns: 1fr 1fr 1fr; } #card_grid .card_events:first-of-type { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } #card_grid .card_events:first-of-type a { display: grid; grid-template-columns: 1fr 1fr; } #card_grid .card_events:first-of-type picture { height: 100%; } #card_grid .card_events:first-of-type .card_content { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } #card_grid .card_events:first-of-type .card_content h3 { font-size: 2.25rem; } #card_grid .card_events:first-of-type .card_content :where(.text, .button) { width: 100%; padding: 1.5rem; } .cerca_eventi form, .cerca_eventi .flatpickr-calendar.inline, .cerca_eventi .flatpickr-rContainer { width: 307.875px; } .cerca_eventi .dayContainer { width: 307.875px; min-width: 307.875px; } /* PILLARS */ .page_block.sec_related { margin: var(--c15v) auto 0 auto; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1680px) { /* HEADER */ .pillars_menu { } .topics_loop { padding: 1.25rem 2.5rem; } .tit_menu{ padding: 2.5rem; } .tit_menu > a { font-size: 1.75rem; } /*.tit_menu > a, .pillars_menu h4 { font-size: 2rem; }*/ .menu_header .menu_header_i { padding: 1.25rem 2.5rem; } .menu_header .head_logo { --head-logo-max: 180; max-width: 180px; } .pillars_menu h4 { padding: 1.25rem 2.5rem; margin-bottom: .5rem; } .pill_menu { padding: 1rem 2.5rem; } .pill_menu p { font-size: 1.4rem; } .pill_menu svg { width: 3.5rem; margin-right: 4rem; } /* FOOTER */ #s_quote .text { padding-left: 5%; } #s_quote .text h4 { line-height: 1.2; font-size: 2.75rem; } /*.block_left h4 { font-size: 2rem; }*/ /* HOME */ .s1_title.tac_mobile { width: 70%; } .s1 .s1_title p { font-size: 1.35rem; margin-top: 1.5rem; } #s2_home .text.p5lr { padding-left: var(--c7o); padding-right: var(--c7o); } .priorities_card a { min-height: 40rem; padding: 4rem; } .priorities_card .card_content h2 { font-size: 1.75rem; line-height: 1.2; } .highlights_wrapper .card_highlights { width: 25%; padding: 0.25rem; } .highlights_wrapper .card_highlights a { height: 15.75rem; aspect-ratio: unset; overflow: hidden; } .highlights_wrapper .card_highlights:nth-of-type(1) { width: 50%; } .highlights_wrapper .card_highlights:nth-of-type(1) a { height: 32rem; aspect-ratio: unset; } .highlights_wrapper .card_highlights:nth-of-type(4) { left: 50%; } .box_change .box_content { padding: 2rem; padding-bottom: 4rem; } .box_change .box_content h3 { font-size: 2.75rem; } .card_blog .card_content h3 { font-size: 1.4rem; } #s6_home .text { width: 60%; } .mondo_video { right: -10%; height: 100%; } /* SIDEBAR */ .mega_wrapper_sidebar .wrapper_left { width: 75%; } .mega_wrapper_sidebar .wrapper_right.sidebar { width: 25%; } /* THEMATIC NETWORKS */ .tn_ev .card_thematic_networks .card_content .text { padding: 3rem 2rem 2rem 2rem; } .tn_ev .card_thematic_networks .card_content .text h3 { font-size: 3.25rem; line-height: 1.1; } .tn_ev .card_thematic_networks .card_content .button { padding: 1rem; padding-left: 2rem; } .thematic_networks_wrp { grid-template-columns: 1fr 1fr 1fr; } /* OUR HISTORY */ #s2_our_history .text { width: 75%; margin: 0 auto; } .sec_year { max-width: 70%; } .sec_year .text { width: 30rem; } /* OUR GLOBAL STRUCTURE */ .max_wh_text { padding-right: 10%; } /* SEARCH */ #s1_search #card_grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) {} /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) {}