/*

┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓   ┏━━━┓ ┏━━━┓ ┏━━━┓
┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃   ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃
┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃   ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓
┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃   ┃┃   ┃┃ ┃┃ ┃┃┃┃┃┃   ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃
┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃   ┃┃   ┃┗━┛┃ ┃┃┃┃┃┃   ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃
┗━━━┛ ┗━━━┛ ┗━━━┛   ┗┛   ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET"

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




/**
 *
 *  █  █  █▀▀  ▄▀▀▄  █▀▀▄  █▀▀  █▀▀▄
 *  █▀▀█  █▀▀  █▀▀█  █  █  █▀▀  █▐█▀
 *  ▀  ▀  ▀▀▀  ▀  ▀  ▀▀▀   ▀▀▀  ▀ ▀▀ - HEADER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


header { z-index: 6; position: fixed; top: 0; right: 50%; width: max-content; transform: translateX(50%); border-radius: 0.5rem; transition: .35s ease; } 
header.scroll_on:not(.open) { top: 0.5rem; background-color: var(--brown); box-shadow: 0 0 1rem rgb(var(--black-rgb) / 35%); }

#close_overlay { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; min-height: 110vh; z-index: 4; background-color: rgb(var(--brown-rgb) / 50%); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_wrapper { z-index: 2; width: 100%; padding: 0.5rem 0.75rem; transition: .25s ease; gap: 0.25rem; }
.head_wrapper svg path { transition: .25s ease; fill: var(--brown); }

.head_wrapper :where(a, button):not(.head_logo) { position: relative; padding: 0.75rem 0.5rem; font-size: 0.9rem; min-height: 48px; }
.head_wrapper :where(a, button) svg:not(.menu_custom button svg, .head_logo svg) { height: 1.25rem; min-height: 1.25rem; width: auto;  transition: .25s ease; }
.head_wrapper :where(a, button) span { position: relative; font-size: 0.9rem; line-height: 0.9; }
.head_wrapper :where(a, button).flex { gap: 0.35rem; }

.head_wrapper :where(a, button):not(.head_logo, #hamburger)::after { content: ""; position: absolute; bottom: 0.25rem; left: 50%; width: 0; height: 1px; 
	background-color: var(--beige); transition: .35s ease; transform: translateX(-50%); }
.head_wrapper :where(a, button):not(.head_logo, #hamburger):hover::after, .head_wrapper :where(a, button):not(.head_logo, #hamburger).open::after  { width: 70%;  }

header.scroll_on .head_wrapper { padding: 0.25rem 0.75rem; }
header.modal_open .head_wrapper { border: 0; box-shadow: unset; }

header:where(.open, .scroll_on) .head_wrapper :where(a, button) { color: var(--beige); }
header:where(.open, .scroll_on) .head_wrapper button svg path { fill: var(--beige); }
header:where(.open, .scroll_on) .head_wrapper a svg path { fill: var(--beige); }

/* Logo */
.head_logo { display: none; }

/* Lang select */
.lang_select { text-align: center; width: 100%; }
.lang_select .gtranslate_wrapper { display: flex; justify-content: center; align-items: center; }
.lang_select a.glink { text-decoration: none; border-left: 1px solid rgb(var(--brown-rgb) / 50%); font-family: var(--main-font); display: flex;
    justify-content: center; align-items: center; font-size: 1rem; padding: 0 0.5rem; }
.lang_select a.glink:first-child { border: 0; }

header:where(.open, .scroll_on) .lang_select a.glink { border-left: 1px solid rgb(var(--beige-rgb) / 50%); }

/* Menu custom */
.head_wrapper .menu_custom { display: none; }

.menu_custom :where(a, p, button) { font-size: 0.9rem; line-height: 1.25; gap: 0.5rem; }
.menu_custom button svg { width: 0.75rem; min-width: 0.75rem; transform: translateY(1px); }

.menu_custom .menu_btn svg { transition: .35s ease; }
.menu_custom .menu_btn.open svg { transform: scale(-1); }

/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FIXED MODAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */
.fixed_modal { display: block; position: fixed; top: 0; left: 0; width: 100%; height: auto; background-color: var(--brown); box-shadow: 0 1rem 1rem rgb(var(--brown-rgb) / 50%);
	z-index: 5; transform: translate(0, -100%); opacity: 0; pointer-events: none; transition: .5s ease; padding: 5rem var(--c5o) 4rem var(--c5o); }
.fixed_modal.open { transform: translate(0, 0); opacity: 1; pointer-events: initial; }

.fixed_modal .modal_wrapper { max-width: 768px; margin: 0 auto; }
.fixed_modal .modal_txt { margin-bottom: 1.5rem; max-width: 768px; }
.fixed_modal .modal_txt :where(h3, p) { color: var(--beige); }
.fixed_modal .modal_txt p { font-size: 1rem; }
.fixed_modal .close_modal { position: absolute; bottom: 1rem; right: 1rem; width: 2.5rem; border-radius: 8rem; height: 2.5rem; 
	background-color: var(--beige); cursor: pointer; background-image: url(../images/svg/arrow-up.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; }

.fixed_modal .wpforms-container-full .wpforms-form .wpforms-error-container, .fixed_modal .wpforms-error-container { background-color: var(--beige); padding: 1rem; margin-bottom: 2rem; }

/* Aree */
.modal_aree a { color: var(--beige); font-size: clamp(1.5rem, 5vw, 3rem); font-family: var(--title-font); font-weight: 100; padding: 1rem var(--c5o); 
	border-bottom: 1px solid rgb(var(--beige-rgb) / 50%); transition: .35s ease; }
.modal_aree a:last-of-type { border: 0; }

/* Login */
.modal_login #form .wpforms-field :where(input, textarea, select) { border: 1px solid var(--beige); color: var(--beige); }
.modal_login #form .wpforms-field label { color: var(--beige); background-color: var(--brown); }
.modal_login #form button[type=submit], #form input[type=submit] { color: var(--beige);  background-image: url(../images/svg/arrow-beige.svg); }

.modal_login .text .signup_ancor { color: var(--beige); font-size: inherit; text-decoration: underline; font-weight: 600; }

/* Smart search */
.modal_search .searchInput input { background-color: transparent; font-size: 1rem; padding: 0.75rem 3.5rem 0.75rem 1rem; 
	border: 1px solid var(--beige); width: 100%; color: var(--beige); }
.modal_search .searchInput input::placeholder { color: var(--beige); opacity: 0.8; }

.modal_search .searchInput .icon { width: 1.5rem; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); pointer-events: none; }

.modal_search .resultBox { margin-top: 1rem; max-height: 40vh; overflow-y: scroll; min-width: calc(100vw - var(--c10o) - 8px); position: relative; left: 50%; transform: translateX(-50%); }
.modal_search .resultBox .no_results { color: var(--beige); font-size: 1.5rem; }
.modal_search .resultBox::-webkit-scrollbar { width: 6px; background-color: transparent; border: 1px solid var(--beige); }
.modal_search .resultBox::-webkit-scrollbar-thumb { width: 6px; background-color: var(--beige); }

.modal_search .search_container { padding-right: 1rem; }
.modal_search .search_container .card_documento { margin-top: 1rem; }

/* Nav */
.modal_nav button svg path { fill: var(--beige); }

.modal_nav .menu_custom :where(a, button) { width: 100%; }
.modal_nav .menu_custom :where(a, button, span) { line-height: 2; font-size: 1.25rem; color: var(--beige); text-align: center; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: 1rem 0.5rem; overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 1.25rem; }
#hamburger .wrap span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5rem; height: 2px; border-radius: .2em;
	background-color: var(--brown);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: 0; }
#hamburger .burger { top: calc(50% - 1px); }
#hamburger .bottom_bun { bottom: 0; }

/* Tapped / Clicked animation */
#hamburger.open .wrap span { background-color: var(--brown); width: 2.25rem; transition: .25s ease; }
#hamburger.open .burger { opacity: 0; }
#hamburger.open .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.open .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

header:where(.open, .scroll_on)  #hamburger .wrap span { background-color: var(--beige); }
header:where(.open, .scroll_on)  #hamburger.open .wrap span { background-color: var(--beige); }




/**
 *
 *  ▄▀▀▄  ▄▀▀  ▄▀▀  █▀▀  ▀▀█▀▀  ▄▀▀
 *  █▀▀█   ▀▄   ▀▄  █▀▀    █     ▀▄
 *  ▀  ▀  ▀▀   ▀▀   ▀▀▀    ▀    ▀▀  - ASSETS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.link { position: relative; display: block; gap: 0.65rem; padding: 0.5rem 1rem; transition: .5s ease;
	border: 1px solid rgb(var(--brown-rgb) / 75%); border-radius: 8rem; width: max-content; }
.link img { position: relative; width: 1.4rem; padding-left: 0.25rem; display: inline-block; transition: .5s ease; }
.link span { position: relative; font-size: 1.15rem; font-weight: 500; transition: .5s ease; }

.link.brown span { color: var(--brown); }
.link.brown:hover { background-color: var(--brown); }
.link.brown:hover span { color: var(--white);  }
.link.brown:hover img { filter: brightness(0) invert(1); }

.tac_1024 .link, .tac .link { justify-content: center; margin: 1.5rem auto 0 auto; }
.link:hover { gap: 1rem; }

/* Button */
.custom_btn { position: relative; font-size: 1rem; padding: 0.75rem 2rem; text-transform: uppercase; text-align: center; transition: .5s ease; }
.custom_btn.brown { background-color: var(--brown); border: 1px solid var(--brown); color: var(--white); } 
.custom_btn.beige { background-color: var(--beige); border: 1px solid var(--beige); color: var(--brown); }

.custom_btn.beige:hover { background-color: var(--brown); color: var(--beige); }

/* Video btn */
.video_btn { top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border: 1px solid var(--white); background-color: rgb(var(--brown-rgb) / 75%); padding: 2rem; 
	border-radius: 8rem; backdrop-filter: blur(12px); transition: .5s ease; }
.video_btn.active { transform: translate(-50%, -50%) scale(1); }
.video_btn.active:hover { transform: translate(-50%, -50%) scale(1.1); }
.video_btn img { width: 2rem; height: 2rem; transform: translateX(2px); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color { background-color: var(--color); mix-blend-mode: multiply; opacity: .5; }
.filter_paper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 110vh; background-color: rgb(var(--beige-rgb) / 85%); }
.filter_beige { background-color: var(--beige); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Text */
.tac_1024 { text-align: center; }
.txt_upper { text-transform: uppercase; }

/* Max width */
.maxw_15ch { max-width: 15ch; }
.tac_1024 .maxw_15ch, .tac .maxw_15ch { margin: 0 auto; }

.maxw_18ch { max-width: 18ch; }
.tac_1024 .maxw_18ch, .tac .maxw_18ch { margin: 0 auto; }

.maxw_1281 { max-width: 1281px; }
.maxw_1281:where(.tac, .tac_1024) { margin: 0 auto; }

.maxw_1367 { max-width: 1367px; }
.maxw_1367:where(.tac, .tac_1024) { margin: 0 auto; }

.maxw_1024 { max-width: 1024px; }
.maxw_1024.tac { margin: 0 auto; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* #scroll_btn {
	display: inline-block;
	position: absolute; left: 50%; bottom: 1.5em; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
#scroll_btn svg { 
	width: 100%; 
	animation: hang_scroll 1.5s ease-in-out infinite forwards alternate;
	animation-play-state: running;
}
@keyframes hang_scroll {
	from { transform: translateY(0); }
	to { transform: translateY(.5em); }
}
#scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; }
#scroll_btn svg path { fill: var(--black); transition: .25s ease; } */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.nav_btn { 
	width: 2.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_btn.swiper-button-disabled { display: none; }

/* Dots */
.nav_dots { gap: .5em; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Fixed bkg */
.fixed_paper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; pointer-events: none; mix-blend-mode: multiply; }

/* Social */
.social a { display: inline-block; width: 3.5em; padding: .25em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }

/* Pretitle */
.pretitle { text-transform: uppercase; margin-bottom: 1.5rem; font-size: 1rem;  letter-spacing: 2px; position: relative; display: block; }

/* Tags */
.single_tag { font-size: 0.9rem; line-height: 0.8; }
.single_tag.transparent_brown {  color: var(--brown); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* #breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content;} */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/*  .typewriter { visibility: hidden; }
.typewriter .word { display: inline-block; white-space: nowrap; }
.typewriter .char { display: inline-block; }

.letter_anim h1,
.letter_anim h2,
.letter_anim h3:not(.pretitle) {  } */

/* Text */
.txt_bt :where(h1, h2, h3, p, li) { transform: translate(0, 2rem); opacity: 0; transition: .75s ease; }
.txt_bt p, .txt_bt li { transition-delay: 0.25s; }

.txt_lr :where(h1, h2, h3, p, li) { transform: translate(0, 2rem); opacity: 0; transition: .75s ease; }
.txt_lr p, .txt_lr li { transition-delay: 0.25s; }

.txt_rl :where(h1, h2, h3, p, li) { transform: translate(0, 2rem); opacity: 0; transition: .75s ease; }
.txt_rl p, .txt_rl li { transition-delay: 0.25s; }

.active:where(.txt_bt, .txt_lr, .txt_rl) h1 { transform: translate(0, 0); opacity: 1; }
.active:where(.txt_bt, .txt_lr, .txt_rl) h2 { transform: translate(0, 0); opacity: 1; }
.active:where(.txt_bt, .txt_lr, .txt_rl) h3 { transform: translate(0, 0); opacity: 1; }
.active:where(.txt_bt, .txt_lr, .txt_rl) p { transform: translate(0, 0); opacity: 1; } 
.active:where(.txt_bt, .txt_lr, .txt_rl) li { transform: translate(0, 0); opacity: 1; } 

/* Block bt */
.block_bt { opacity: 0; transform: translateY(4rem); transition: .75s ease; }
.active .block_bt { opacity: 1; transform: translate(0); }

/* Images */
.img_reveal { transform: scale(0.85); clip-path: inset(0 100% 0 0); transform-origin: center; opacity: 0;
  transition: transform 2s ease-out, clip-path 0.75s ease-out, opacity 0.75s ease-out; }

.img_reveal.active,
.active .img_reveal { transform: scale(1); clip-path: inset(0 0 0 0); opacity: 1; }




/**
 *
 *  █▀▀  ▄▀▀▄  ▄▀▀▄  ▀▀█▀▀  █▀▀  █▀▀▄
 *  █▀▀  █  █  █  █    █    █▀▀  █▐█▀
 *  ▀     ▀▀    ▀▀     ▀    ▀▀▀  ▀ ▀▀ - FOOTER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


footer .grid_container { gap: 4rem; padding-bottom: var(--c10v); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#foot_info { gap: 2rem; }
#foot_info p { margin-top: 0.5rem; font-size: 1.25rem; }
#foot_info .btn_container .link { margin-top: 1rem; }
#foot_info .btn_container .link:first-child { margin-top: 0; }

.logo_comune { gap: 1rem; }
.logo_comune img { width: 3rem; } 
.logo_comune span { font-size: 1.5rem; }

.foot_logo {  width: 100%; }
.foot_logo img { width: 100%; max-width: 450px;}

.foot_slogan h3 { font-weight: 200; }
.foot_logos { padding-top: var(--c10v); border-top: 1px solid rgb(var(--brown-rgb) / 50%); flex-wrap: wrap; gap: 2rem; }
.foot_logos .single_logo { max-height: 80px; min-width: 3rem; }
.foot_logos .single_logo img { width: 100%; max-height: 80px; height: 80px; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#credits p { font-size: .825em; line-height: 1.5; margin: 0 auto; z-index: 1; }
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#back_top {
	display: none; z-index: 2; 
	bottom: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; 
	padding: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); }




/**
 *
 *  ▄▀▀  █▀▀  ▄▀▀  ▀▀█▀▀  ▀  ▄▀▀▄  █▄ █  ▄▀▀ 
 *   ▀▄  █▀▀  █      █    █  █  █  █ ▀█   ▀▄ 
 *  ▀▀   ▀▀▀   ▀▀    ▀    ▀   ▀▀   ▀  ▀  ▀▀  - SECTIONS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s1 { overflow: hidden; }
.s1 .s1_logo { position: relative; display: block; margin-bottom: 2rem; opacity: 0; transition: .75s ease;  }
.s1 .active .s1_logo { opacity: 1; }
.s1 .s1_logo img { width: 14rem; }

/* .s1 .pretitle { opacity: 0; transition: 1s ease; }
.s1 .active .pretitle { opacity: 1; } */

/* S1 pages */
.s1_v2 .container { min-height: 100dvh; }
.s1_v2 .text :where(h1, h3) { color: var(--beige); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LOGIN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_login .bkg_thumb img { filter: brightness(0.2);
    mask-image: url('../images/webp/mask-sec-login-mobile.webp');
    -webkit-mask-image: url('../images/webp/mask-sec-login-mobile.webp');
    mask-size: cover;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TEXT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_text .text h3 { font-size: 2rem; font-family: var(--main-font); font-size: 2rem; font-weight: 400; line-height: 1; }
.sec_text .text a { text-decoration: underline; }
.sec_text .tac_1024.text li { list-style: none; position: relative; display: flex; justify-content: center; align-items: center; gap: 0.25rem; }
.sec_text .tac_1024.text li::before { content: "- "; position: relative; }




/**
 *
 *  ▄▀▀  ▄▀▀▄  █▀▀▄  █▀▀▄  ▄▀▀ 
 *  █    █▀▀█  █▐█▀  █  █   ▀▄ 
 *   ▀▀  ▀  ▀  ▀ ▀▀  ▀▀▀   ▀▀  - CARDS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD DOCUMENTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_documento { position: relative; }
.card_documento .card_container { border: 1px solid var(--brown); flex-direction: column; height: 100%;
    justify-content: space-between; background-color: var(--beige); transition: .35s ease;  }

.card_documento .img_type { width: 100%; overflow: hidden; transition: .35s ease; }
.card_documento .img_type img { height: 14rem; min-height: 14rem; width: 100%; object-fit: cover; filter: brightness(0.8); transition: .35s ease; }
.card_documento a:hover .img_type img { transform: scale(1.1); filter: brightness(1); }

.card_documento .arrow { padding: 0.75rem 1.25rem 0.75rem 0.75rem; transition: .25s ease; }
.card_documento a:hover .arrow { padding: 0.75rem 0.75rem 0.75rem 0.75rem; }

.card_documento .arrow svg { width: 2rem; min-width: 2rem; }
.card_documento .arrow svg path { fill: var(--brown); }

/* .card_documento .img_type p { white-space: nowrap; font-size: 0.9rem; transition: .35s ease; }
.card_documento .img_type svg path { transition: .35s ease; fill: var(--brown); }

.card_documento a:hover.img_type { border-right: 2px solid var(--white); }
.card_documento a:hover.img_type p { color: var(--beige); }
.card_documento a:hover.img_type svg path { fill: var(--beige); }  

.card_documento .preview { bottom: 0; transform: translateY(100%); right: 0; z-index: 1; pointer-events: none; opacity: 0; transition: .35s ease; }
.card_documento .preview img { width: auto; min-height: auto; max-width: 300px; object-fit: contain; pointer-events: none; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); }
.card_documento:hover .preview { opacity: 1; } */

.card_documento .text { padding: 0.75rem; border-top: 1px solid var(--brown); }
.card_documento .text h3 { font-size: 1.5rem; color: var(--brown); font-family: var(--main-font); font-weight: 500; transition: .35s ease; }

/* .card_documento a:hover.text h3 { color: var(--beige); } 
.card_documento a:hover .tag_container span { color: var(--beige); }
.card_documento .arrow { display: none; }
*/

.card_documento .tag_container { margin-bottom: 0.5rem; gap: 0.5rem; }
.card_documento .tag_container span { transition: .35s ease; }

/* Sidebar */
aside .card_documento .preview { display: none; }

/* Beige 
.beige_card .card_documento .card_container { border: 2px solid var(--beige); }
.beige_card .card_documento a:hover { background-color: var(--beige); }

.beige_card .card_documento .img_type { border-right: 2px solid var(--beige); }
.beige_card .card_documento .img_type p { color: var(--beige); }
.beige_card .card_documento .img_type svg path { fill: var(--beige); }

.beige_card .card_documento a:hover.img_type p { color: var(--brown); }
.beige_card .card_documento a:hover.img_type svg path { fill: var(--brown); }

.beige_card .card_documento .tag_container span { color: var(--beige); }
.beige_card .card_documento a:hover .tag_container span { color: var(--brown); }

.beige_card .card_documento .text h3 { color: var(--beige); }
.beige_card .card_documento a:hover.text h3 { color: var(--brown); } */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD LINE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_line .card_container { border-bottom: 1px solid var(--brown); padding: 0.75rem 0;  }
.card_line .tag_container { gap: 0.5rem; margin-bottom: 0.5rem; }
.card_line .tag_container span { color: var(--brown); }
.card_line h3 { font-size: 1.5rem; font-family: var(--main-font); font-weight: 500; color: var(--brown); }
.card_line .arrow { width: 2.5rem;min-width: 2.5rem; }
.card_line .arrow svg path { fill: var(--brown); }

.beige_card .card_line .card_container { border-bottom: 1px solid var(--beige); }
.beige_card .card_line .tag_container span { color: var(--beige);  }
.beige_card .card_line h3 { color: var(--beige); }

.beige_card .card_line .arrow { padding: 0.5rem; }
.beige_card .card_line .arrow svg { min-width: 2rem; width: 2rem; }
.beige_card .card_line .arrow svg path { fill: var(--beige); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }




/**
 *
 *  █  █  ▄▀▀▄  █▄ ▄█  █▀▀
 *  █▀▀█  █  █  █ █ █  █▀▀
 *  ▀  ▀   ▀▀   ▀   ▀  ▀▀▀ - HOMEPAGE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_home .search { max-width: 400px; margin: 2rem auto 0 auto; background-color: var(--beige); padding: 0.65rem 0.65rem 0.65rem 1rem; border-radius: 0.5rem; 
	justify-content: space-between; gap: 0.5rem; }
#s1_home .search input { width: 100%; font-size: 1rem; color: var(--brown); padding: 0.5rem 0.5rem; background-color: transparent; }
#s1_home .search input::placeholder { color: rgb(var(--brown-rgb) / 75%); }

#s1_home .search svg { width: 1.5rem; min-width: 1.5rem; }
#s1_home .search button { background: var(--brown); padding: 0.5rem 1.5rem; color: var(--beige); border-radius: 0.5rem; font-weight: 700; 
	border: 1px solid var(--brown); transition: .25s ease; }
#s1_home .search button:hover { background-color: var(--beige); color: var(--brown); }

#s1_home .pictures { display: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_home .text p { font-size: 1.25rem; }
#s2_home .video_container { margin-top: 2rem; }
#s2_home .video_container video { object-fit: cover; max-height: 60vh; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_home .single_cat { position: relative; width: 100%; padding: 1rem calc(var(--c5o) + 1rem); border-bottom: 1px solid rgb(var(--brown-rgb) / 50%); 
	opacity: 0; gap: 1rem; transform: translateX(-20%); transition: 1s ease; }
#s3_home .aree_tematiche.active .single_cat { transform: translateX(0); opacity: 1; }

#s3_home .single_cat :where(span, img) { transition: .35s ease; }
#s3_home .single_cat:hover :where(span, img) { transform: translateX(2.25rem); }

#s3_home .single_cat img { width: 2rem; }
#s3_home .single_cat span { font-size: clamp(1.5rem, 5vw, 3rem); font-family: var(--title-font); font-weight: 200; color: var(--brown); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s4_home picture img { object-fit: contain; }




/**
 *
 *  █▀▀▄  ▄▀▀▄  ▄▀▀▀   █▀▀  ▄▀▀
 *  █  █  █▀▀█  █  ▀▌  █▀▀   ▀▄
 *  █▀▀   ▀  ▀   ▀▀▀   ▀▀▀  ▀▀  - TEMPLATES _ PAGINE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE AREE TEMATICHE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section text */
/* #s1_aree .sec_txt h2 { font-size: 2rem; font-family: var(--main-font); font-weight: 600; } */

/* Section img */
.sec_img picture img { max-height: 70vh; object-fit: contain; }

/* Section video */
.sec_video iframe { width: 100%; min-height: 20rem; max-height: 70vh; object-fit: contain; }

/* Section documenti correlati */
#s1_aree .sec_posts h2 { font-family: var(--main-font); font-size: 2rem; font-weight: 600;  margin-bottom: 1rem; }

/* Citazione */
.sec_cit { padding: 0 var(--c5o); }
.sec_cit h3 { font-size: 2rem; font-style: italic; }
.sec_cit .top_virgola { position: absolute; top: 0; left: 0; ; font-size: 5rem; line-height: 0.1; color: var(--brown); }
.sec_cit .bottom_virgola { position: absolute; bottom: 0; right: 0; ; font-size: 5rem; line-height: 0.1; color: var(--brown); }

/* Summary */
.summary_container { background-color: var(--brown); padding: 2rem 1.5rem 1.25rem 1.5rem; }
.summary_container h3 { color: var(--beige); }

.summary_container .all_summary { max-height: 45vh; overflow-y: scroll; padding-right: 1rem; }
.summary_container .all_summary::-webkit-scrollbar { width: 6px; background-color: transparent; border: 1px solid var(--beige); }
.summary_container .all_summary::-webkit-scrollbar-thumb { width: 6px; background-color: var(--beige); }


.summary_container .summary button { width: 100%; color: var(--beige); text-align: left; padding: 0.75rem 0.5rem; border-bottom: 1px solid rgb(var(--beige-rgb) / 50%); 
	transition: .35s ease;  }
.summary_container .summary button:hover { background-color: var(--beige); color: var(--black); }
.summary_container .summary:last-child button { border: 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ AREE TEMATICHE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_aree .aside_btn { margin-top: 0; border-top: 1px solid var(--beige); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LIBRI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_libri .grid_container { gap: var(--c15v); }
#s1_libri .grid_container .single_book:nth-of-type(even) { flex-direction: row-reverse; }
#s1_libri .grid_container .single_book picture img { max-height: 750px; object-fit: contain; }




/**
 *
 *  ▄▀▀▄  █▀▀▄  ▄▀▀▀  █  █  ▀  ▐▌ ▐▌  █▀▀
 *  █▀▀█  █▐█▀  █     █▀▀█  █   ▀▄▀   █▀▀
 *  ▀  ▀  ▀ ▀▀   ▀▀▀  ▀  ▀  ▀    ▀    ▀▀▀ - TEMPLATES _ ARCHIVIO
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.all_posts { display: grid; gap: 1rem; }
.all_posts.filtering { opacity: 0.5; pointer-events: none; transform: translateY(2rem);  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Posts Loop */
.s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; }

/* Custom pagination */
.pagination.filter_on { display: none; }
.pagination ul { background-color: unset; border-radius: 0; white-space: unset; display: flex;
    justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.5rem 0; }
.pagination li { border-right: 1px solid var(--brown); }
.pagination li:last-of-type { border: 0; }
.pagination a, .pagination span { padding: 0.75rem 1rem; color: var(--brown); font-weight: 600; transition: .35s ease; }
.pagination a:hover, .pagination span:hover { color: var(--white); background-color: var(--brown); }
.pagination .current { color: var(--white); background-color: var(--brown); opacity: 0.25; pointer-events: none; }




/**
 *
 *  ▄▀▀  ▀  █▄ █  ▄▀▀▀   █     █▀▀
 *   ▀▄  █  █ ▀█  █  ▀▌  █  ▄  █▀▀
 *  ▀▀   ▀  ▀  ▀   ▀▀▀   ▀▀▀▀  ▀▀▀ - SINGLE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#preview .single_page { height: 70dvh; }
#preview .single_page picture { width: 100%; height: 100%; }
#preview .single_page picture img { object-fit: contain; }

#preview .swiper-pagination { position: relative; width: max-content; top: unset; bottom: unset; left: unset; 
	display: flex; justify-content: center; align-items: center; gap: 0.25rem; }
#preview .swiper-pagination .swiper-pagination-bullet { background-color: var(--brown); opacity: 1; font-size: 1.25rem; width: 2rem; height: 2rem; color: var(--white); display: flex; justify-content: center; align-items: center; }
#preview .control_bar { background-color: rgb(var(--black-rgb) / 25%); }

#preview .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--white); color: var(--black); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE DOCUMENTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_single_doc .container { gap: 4rem; }

#s1_single_doc .left .single_page { padding-top: var(--c7v); }
#s1_single_doc .left .single_page .page_title {     position: relative; margin-bottom: 1rem; font-family: var(--main-font); font-size: 2rem; font-weight: 500; 
	display: flex; justify-content: flex-start; align-items: center; gap: 1rem; }
#s1_single_doc .left .single_page .page_title::after { content: ""; height: 2px; width: 0; position: relative; display: block; 
	background-color: rgb(var(--brown-rgb) / 25%); transition: 1.5s ease; }
#s1_single_doc .left .single_page .active.page_title::after { width: 100%;  flex: 1; }

#s1_single_doc .left .single_page .link span { white-space: unset; text-align: left; }
#s1_single_doc .left .single_page .img_container { padding-bottom: 1.25rem; }
#s1_single_doc .left .single_page .img_container picture { display: flex; justify-content: flex-start; align-items: center; }
#s1_single_doc .left .single_page .img_container img { max-height: 70vh; object-fit: contain; object-position: left; }
#s1_single_doc .left .single_page .text { width: 100%; }

#s1_single_doc .right .aside_container .top { background-color: var(--brown); padding: 2rem 1.5rem;  }

#s1_single_doc .right .single_link { gap: 1rem; padding: 0.5rem 0.5rem; border-bottom: 1px solid rgb(var(--beige-rgb) / 50%); transition: .35s ease; }
#s1_single_doc .right .single_link img { width: 1.75rem; transition: .35s ease; }
#s1_single_doc .right .single_link h4 { font-size: 1rem; font-weight: 400; color: var(--beige); font-family: var(--main-font); line-height: 1.4; transition: .35s ease; }
#s1_single_doc .right .single_link:hover { background-color: var(--beige); }
#s1_single_doc .right .single_link:hover h4 { color: var(--black); }
#s1_single_doc .right .single_link:hover img { filter: brightness(0); }
#s1_single_doc .right .single_link:last-child { border: 0; }

#s1_single_doc .right .single_block { padding-top: 1.5rem; }
#s1_single_doc .right .single_block:first-child { padding-top: 0; }
#s1_single_doc .right .single_block:last-child { padding-bottom: 0; border: 0; } 
#s1_single_doc .right .single_block .block_title { color: var(--beige); margin-bottom: 0.5rem; font-size: calc(var(--h3-size) * 0.8); }

#s1_single_doc .right .swiper_dots { text-align: center; margin-top: 0.5rem; }
#s1_single_doc .right .swiper_dots span { width: 0.75rem; height: 0.75rem; border: 1px solid var(--beige); background-color: rgb(var(--beige-rgb) / 25%); opacity: 1; }
#s1_single_doc .right .swiper_dots span.swiper-pagination-bullet-active { background-color: rgb(var(--beige-rgb) / 100%); }

/* Share */
#s1_single_doc .right .share a { border: 1px solid var(--beige); border-radius: 8rem; padding: 0.25rem; transition: .35s ease; }
#s1_single_doc .right .share a:hover { background-color: var(--beige); }
#s1_single_doc .right .share .a2a_kit { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

#s1_single_doc .right .share .a2a_svg { background-color: transparent !important; }
#s1_single_doc .right .share .a2a_svg svg path { fill: var(--beige); transition: .35s ease; }
#s1_single_doc .right .share a:hover .a2a_svg svg path { fill: var(--brown); }




/**
 *
 *  █▀▀  ▄▀▀▄  █▀▀▄  █▄ ▄█
 *  █▀▀  █  █  █▐█▀  █ █ █
 *  ▀     ▀▀   ▀ ▀▀  ▀   ▀ - FORM
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

/* Filter form */
#documents_filter { background-color: var(--brown); padding: 2rem 1.5rem; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 35%); }

#documents_filter .title { margin-bottom: 1rem;  }
#documents_filter .title h3 { color: var(--beige); }

#documents_filter .field_container { width: 100%; }
#documents_filter .field_container .all_fields { max-height: 8rem; overflow-y: scroll; }
#documents_filter .field_container .all_fields::-webkit-scrollbar { width: 6px; background-color: transparent; border: 1px solid var(--beige); }
#documents_filter .field_container .all_fields::-webkit-scrollbar-thumb { width: 6px; background-color: var(--beige); }

#documents_filter .field_label { color: var(--beige); font-size: 1rem; font-family: var(--main-font); font-weight: 500; text-transform: uppercase; }

#documents_filter .accordion { border-bottom: 1px solid var(--beige); width: 100%; }
#documents_filter .accordion:last-of-type { border: 0; }

#documents_filter .accordion_head { cursor: pointer; padding: 0.75rem 0; }
#documents_filter .accordion:last-of-type .accordion_head { padding: 0.75rem 0 0 0; }

#documents_filter .accordion_head img { width: 1rem; min-width: 1rem; }
#documents_filter .accordion_text { display: none; margin-top: 0.5rem; margin-bottom: 1rem; }

#documents_filter .filter_btn { display: block; margin-top: 1rem; font-weight: 500; width: 100%; }

#documents_filter .filter_history { padding-bottom: 1rem; border-bottom: 1px solid rgb(var(--beige-rgb) / 50%); }
#documents_filter .filter_history a { margin-top: 0.5rem; text-decoration: underline; color: var(--beige); }
#documents_filter .filter_history p { color: var(--beige); font-size: 16px; display: block; width: 100%; }

/* Filter fields */
.single_field { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 0.25rem 0; gap: 0.5rem; }
.single_field.disabled { pointer-events: none; opacity: 0.5; }

.single_field .custom_check { position: relative; display: block; width: 1.25rem; height: 1.25rem; border: 1px solid var(--beige); transition: .25s ease; }
.single_field.checked .custom_check { background-color: var(--beige); background-image: url(../images/svg/checked.svg); background-repeat: no-repeat; 
	background-size: 80%; background-position: center; }

.single_field input { color: var(--beige); z-index: 1; cursor: pointer; }
.single_field input::placeholder { color: var(--beige); opacity: 0.5; font-weight: 200; }

.single_field :where(input[type="radio"], input[type="checkbox"]) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; appearance: none; }
.single_field :where(label) { color: var(--beige); font-size: 0.9rem; }

.single_field :where(input[type="text"]) { width: 100%; font-size: 0.9rem; padding: 0.5rem; background-color: transparent; border: 1px solid var(--beige); margin-top: 0.25rem; }

.single_field.select_field {  background-image: url(../images/svg/down.svg); }
#search_field { background-image: url(../images/svg/search.svg); }

.single_field select { font-size: 0.9rem; font-weight: 400; background-color: transparent; color: var(--brown); padding: 0.5rem 2.75rem 0.5rem 0.75rem; 
	appearance: none; font-family: var(--main-font); cursor: pointer; line-height: 1.2; }
.single_field select option { font-size: 0.9rem; font-weight: 500; }

/* WP-Form - Custom */
.form_container { max-width: 500px; margin: 0 auto; }
.form_container.beige { padding: 3rem 2rem; background-color: var(--beige); }
.form_container.beige #form .wpforms-field label { background-color: var(--beige); color: var(--black); }
.form_container.beige #form button[type=submit], .form_container.beige #form input[type=submit] { color: var(--brown); }

.form_container .text { margin-bottom: 1.5rem; }
.form_container .text .open_login { text-decoration: underline; font-size: inherit; }
.form_container .text p { margin-top: 0.25rem }

.form_container .text.logged { margin: 0; }
.form_container .text.logged a { margin-top: 1rem;  }
.form_container .text.logged a span { white-space: normal; }
.form_container .text.logged a:first-child { margin-top: 0; }
.form_container .text.logged p { margin-top: 1rem; }

#form .wpforms-field { overflow: unset; }
#form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea, .wpforms-field-password) label { position: absolute;
	top: 0.5rem; margin: 0; left: 1rem; font-size: 1rem; transition: .25s ease; padding: 0 5px; font-weight: 400; z-index: 3; pointer-events: none; }

#form .focus.wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea, .wpforms-field-password) label { top: 0;
    font-size: 0.9rem; transform: translateY(-50%) }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; overflow: unset;
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--brown); opacity: 0.5; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid; border-radius: 0; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--beige); }
#form .wpforms-field.wpforms-field-checkbox li label { padding: 0; font-size: 1rem; }

#form button[type=submit], #form input[type=submit] { display: block; position: relative; display: flex; justify-content: left; align-items: center; gap: 0.65rem; padding: 0; 
	background-color: transparent; text-transform: uppercase; font-size: 1.4rem; font-weight: 600;  text-decoration: underline; white-space: nowrap; border: 0; margin: 0 auto;
	background-image: url(../images/svg/arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: 1.5rem; padding-right: 2rem; }

#form button[type=submit]:hover, #form input[type=submit]:hover { padding-right: 2.5rem;}


/* MailPoet Form - Custom 
#form_mp { background-color: var(--white); }

#form_mp .mailpoet_form .mailpoet_paragraph label { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) {
    background-color: transparent; border: ; border-radius: ;
    padding: ; font-size: ; color: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; }

#form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; }
#form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit {
    padding: ; font-size: ; color: ;
    background-color: ;  border: ; border-radius: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; } */




/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - EXTRA
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞
#s1_grazie {} */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_404 { background-color: var(--bkg_color); }
#s1_404 .s1_title p { margin-top: 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sidebar_btn { bottom: 1rem; right: 1rem; background-color: var(--brown); border-radius: 8rem; padding: 1rem; width: 4rem; height: 4rem; cursor: pointer;
	display: flex; justify-content: center; align-items: center; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 50%); z-index: 3; }
.sidebar_btn img { width: 100%; }

.sidebar { position: fixed; bottom: 0; right: 0; transform: translate(0, 100%); display: block; ; z-index: 5; 
	opacity: 0; pointer-events: none; transition: .35s ease; width: 100%; }
.sidebar.open { opacity: 1; pointer-events: initial; transform: translate(0, 0); } 

/* Button */
.aside_btn { background-color: var(--brown);  padding: 1rem; margin-top: 1rem; display: flex;
    justify-content: space-between; align-items: center; gap: 1rem; border: 1px solid var(--brown); }
.aside_btn span { color: var(--beige); text-align: left; font-size: 1rem; font-weight: 500; transition: .35s ease; }
.aside_btn img { width: 1.75rem; min-width: 1.75rem; transition: .35s ease; }
.aside_btn:hover { background-color: var(--beige); }
.aside_btn:hover span { color: var(--black); }
.aside_btn:hover img { filter: brightness(0); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GSLIDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#glightbox-body :where(.gslide-description, .gslide-title) { display: none !important; }
#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: unset; bottom: 1rem; }








/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */


/* .head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } */
/*  #scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }  */
/* .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); } */
/* #back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }  */




/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 601 -> 767
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 601px) {

	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.pretitle { font-size: 1.25rem; }

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	.head_logo {  display: block; width: 12rem; position: relative; padding-right: 1rem; border-right: 1px solid rgb(var(--brown-rgb) / 70%); }
	.head_logo svg { width: 100%; }
	.head_logo svg .st0 { fill: #665633; }
	.head_logo svg .st1 { fill: #f1b96b; }

	header.scroll_on .head_logo { border-right: 1px solid rgb(var(--beige-rgb) / 70%); }
	header.scroll_on .head_logo svg :where(.st0, .st1) { fill: var(--beige); }

	header.scroll_on .head_wrapper, .head_wrapper { padding: 0.75rem 1.25rem 0.75rem 1.75rem; }

	/* .head_logo img { height: 3rem; width: auto; min-height: 3rem; } */

	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* .card_documento .arrow { display: flex;  transition: .35s ease; }
	.card_documento .arrow svg { width: 1.5rem; min-width: 1.5rem; }
	.card_documento .arrow svg path { fill: var(--brown); transition: .35s ease; }

	.card_documento a:hover .arrow svg path  { fill: var(--beige); }
	.beige_card .card_documento a:hover .arrow svg path { fill: var(--brown);  } */

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	.s1 .s1_logo { display: none; }


}




/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET |  768 x 1024  ->  1023 x 1280
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 768px) {

	/*∞∞∞∞∞∞ SECTION ∞∞∞∞∞∞*/
	/* Documenti */
	#documents_container { grid-template-columns: 1fr 1fr; }

	/* Login */
	#sec_login .bkg_thumb img { mask-image: url('../images/webp/mask-sec-login.webp'); -webkit-mask-image: url('../images/webp/mask-sec-login.webp'); }

	/*∞∞∞∞∞∞ PAGE AREE TEMATICHE ∞∞∞∞∞∞*/
	/* Citazione */
	.sec_cit { padding: 0 var(--c2o); }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	.all_posts { grid-template-columns: 1fr 1fr; }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */

	/* Credits */
	#credits br { display: none; }
	#credits .resp_sep { display: inline-block; }

}




/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1024px) {

	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	/* Max width */
	.tac_1024 { text-align: left; }
	.tac_1024 .link { margin: 2rem 0 0 0;}

	.tac_1024 .maxw_15ch { margin: 0; }

	.pretitle { font-size: 1.5rem; }

	/* Text */
	.txt_lr :where(h1, h2, h3, p, li) { transform: translate(-4rem, 0);  }
	.txt_rl :where(h1, h2, h3, p, li) { transform: translate(4rem, 0); ; }

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.modal_search .resultBox .card_line a:hover { padding: 0.75rem 0 0.75rem 1rem; }
	.modal_aree a:hover { padding: 1rem calc(var(--c5o) - 1.5rem) 1rem calc(var(--c5o) + 1.5rem);  }

	/*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/
	aside .card_documento .arrow { display: none; }
	aside .card_documento .text { width: calc(100% - 4rem); }
	aside .card_documento .text h3 { font-size: 1.25rem; }
	aside .card_documento .tag_container span { font-size: 0.9rem; }

	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/
	.sidebar { position: relative;  width: 100%;  right: unset;  bottom: unset; max-width: unset; opacity: 1; transform: unset; pointer-events: initial; z-index: unset; }
	.sidebar .sidebar_container { position: sticky; top: 8rem; }

	.sidebar_btn { display: none; }

	/*∞∞∞∞∞∞ SECTION ∞∞∞∞∞∞*/
	/* Documenti */
	#documents_container { grid-template-columns: 1fr 1fr 1fr; }

	/* Gslider */
	#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: 45%; }

	/* Section text */
	.sec_text .flex_container { align-items: stretch; }
	.sec_text.reverse .flex_container { flex-direction: row-reverse; }

	.sec_text .flex_container a { position: sticky; top: 8rem; }
	.sec_text .tac_1024.text li { list-style: disc; display: list-item; }
	.sec_text .tac_1024.text li::before { content: unset;  }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s1_home .search { max-width: 70%; margin: 2rem 0 0 0; }
	#s2_home .video_container video { height: 100vh; min-height: 100vh; max-height: unset; }
	#s4_home .text { padding-right: 0; }
	
	/*∞∞∞∞∞∞ TEMP AREE TEMATICHE ∞∞∞∞∞∞*/
	#s1_aree { overflow: unset; }
	#s1_aree .grid_container { grid-template-columns: 60% calc(40% - 4rem); gap: 4rem; }
	#s1_aree .grid_container .sidebar { position: sticky; top: 10vh; }

	#s1_aree .aside_btn { margin-top: 1rem; border: 1px solid var(--brown); }

	/* Summary */
	.summary_container { box-shadow: unset; } 

	/* Video */
	.sec_video iframe { min-height: 25rem; }

	/*∞∞∞∞∞∞ ARCHIVIO DOCUMENTI ∞∞∞∞∞∞*/
	#s1_archive { overflow: clip; }

	.posts_container { display: grid; grid-template-columns: 30% calc(70% - 2rem); gap: 2rem; }
	.posts_container .right { order: 2; }
	.posts_container .left { order: 1; }

	#documents_filter { box-shadow: unset; }

	/*∞∞∞∞∞∞ SINGLE DOCUMENTI ∞∞∞∞∞∞*/
	#s1_single_doc { overflow: unset; }
	#s1_single_doc .container { align-items: stretch; gap: 2rem; } 
	#s1_single_doc .right { width: calc(40% - 2rem); }
	#s1_single_doc .right .aside_container { position: sticky; top: 8rem; }

	/*∞∞∞∞∞∞ TAX DOCUMENTI ∞∞∞∞∞∞*/
	#breadcrumb { justify-content: flex-start; }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .grid_container { grid-template-columns: 45% calc(55% - 4rem); gap: 4rem; align-items: center; }
	.foot_logo { justify-content: flex-start; }
	.logo_comune { justify-content: flex-start; }

	#foot_info .btn_container { align-items: flex-start; }
	.foot_logos { flex-wrap: nowrap; gap: 4rem; }

	/* Credits */
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--color); }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; }

}




/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP |  1281 x 720  ->  1366 x 768
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1281px) {

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#hamburger,	#main_nav { display: none; } 
	.head_wrapper { justify-content: flex-end; gap: 0.25rem; }

	.head_wrapper :where(a, button) span { font-size: 16px; }
	.lang_select a.glink { font-size: 16px; border: 0; }
	header:where(.open, .scroll_on) .lang_select a.glink { border: 0; }

	.head_wrapper .menu_custom { display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
	.head_wrapper .desktop_item { display: flex; }

	.sign_in.menu_btn { border-left: 1px solid rgb(var(--brown-rgb) / 70%); }
	header.scroll_on .sign_in.menu_btn { border-left: 1px solid rgb(var(--beige-rgb) / 70%); }

	.lang_select { width: max-content; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s1_home .pictures { display: block; opacity: 0; transition: .35s ease; }
	#s1_home .pictures.active { opacity: 1; }
	#s1_home .pictures picture { transition: .5s ease; }
	#s1_home .pictures picture img { filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 75%)); transition: .5s ease; }


	#s1_home .pictures.active .img1 { transform: translate(0, 0) rotate(-8deg); transition-delay: 0.1s; }
	#s1_home .pictures.active .img2 { transform: translateY(-15%) rotate(-4deg); transition-delay: 0.25s; }
	#s1_home .pictures.active .img3 { transform: translate(0%, -60%) rotate(8deg); transition-delay: 0.3s; }
	#s1_home .pictures.active .img4 { transform: translate(-30%, -50%) rotate(-5deg); transition-delay: 0.1s; }
	#s1_home .pictures.active .img5 { bottom: 10%; transform: translate(0, 0) rotate(5deg); transition-delay: 0.3s; }	

	#s1_home .img1, #s1_home .pictures.active:hover .img1 { transform: translate(0, -1.5rem) rotate(-2deg); width: 85%; }
	#s1_home .img2, #s1_home .pictures.active:hover .img2 { transform: translate(-3rem, 25%) rotate(-10deg); width: 80%; }
	#s1_home .img3, #s1_home .pictures.active:hover .img3 { top: 50%; transform: translate(4rem, -60%) rotate(8deg); width: 75%; right: 0; }
	#s1_home .img4, #s1_home .pictures.active:hover .img4 { top: 50%; transform: translate(-60%, -50%) rotate(-5deg); width: 65%; left: 0; }
	#s1_home .img5, #s1_home .pictures.active:hover .img5 { bottom: 5%; right: 0; transform: translate(2rem, 0) rotate(-2deg); width: 80%; }

	/*∞∞∞∞∞∞ ARCHIVIO DOCUMENTI ∞∞∞∞∞∞*/
	.posts_container { grid-template-columns: 25% calc(75% - 2rem); }

	/*∞∞∞∞∞∞ SINGLE DOCUMENTI ∞∞∞∞∞∞*/
	#s1_single_doc .container { gap: 4rem; } 
	#s1_single_doc .right { width: calc(40% - 4rem); }

}




/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP |  1367 x 768  ->  1919 x 1080
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1367px) {

	/*∞∞∞∞∞∞ SECTION ∞∞∞∞∞∞*/
	/* Documenti */
	#documents_container { grid-template-columns: 1fr 1fr 1fr 1fr; }

}




/**
 *
 *  █  █  █▀▀▄  █▀▀  █▀▀▄
 *  █  █  █▀▀█  █▀▀  █▐█▀
 *   ▀▀   ▀▀▀   ▀▀▀  ▀ ▀▀ - ÜBER | 1921 -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1921px) {

	.maxw_unset { max-width: unset; }
}




/**
 *
 *   ▄▀█   █ ▄▀
 *  █▄▄█▄  █▀▄
 *     █   ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and ( min-width: 2561px ) {}