/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Museo civico di lovere "

BASE (MOBILE) SIZE

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




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


.header { padding: 1rem var(--c2o); z-index: 4; }
.header .flex-r { gap: 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_logo { 
	display: inline-block; 
	--head-logo-width: 120px; /* <- in 'px' */
	--head-logo-min: 120;
	--head-logo-max: 220;
	max-width: 220px;
}
.head_logo :where(img, svg) { width: 100%; object-fit: contain; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/









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


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

.link {
	display: inline-block; position: relative; width: fit-content;
    padding: .5em 1em; border: 2px solid var(--green); background-color: var(--green);
	font: inherit; font-size: var(--rem); color: var(--white); text-transform: uppercase; font-weight: 600;
}
.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--green); }

.link.white { background-color: var(--white); border-color: var(--white); color: var(--green); }
.link.white:hover, .link.white:focus, .link.white:active { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.filter_tb { background: linear-gradient(to bottom, rgb(var(--black-rgb) / 75%), transparent); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.black { color: var(--black); }
.green { color: var(--green); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.nav_wrp { gap: .75rem; }

.nav_btn { min-width: 2em; width: 2em; 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.abs { top: 50%; transform: translateY(-50%);  }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }

.nav_btn.swiper-button-disabled { display: none; }









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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


.footer { background: linear-gradient(to bottom, #018379 0%, #004E46 55.2%, #001C19 100%); overflow: hidden; }
.footer .container { display: grid; gap: 2rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_foot h4 { color: var(--white); font-weight: 800; line-height: 1.25; }
.box_foot:not(:first-of-type) h4 { border-bottom: 1px solid var(--white); padding-bottom: 1rem; margin-bottom: 1rem; }

.box_foot p { color: var(--white); font-size: 1rem; margin-top: 1rem; }
.box_foot p a { font: inherit; }
.box_foot p a:hover { color: var(--yellow); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#credits p {
	font-size: .825em; line-height: 1.5; opacity: .85;
	margin: 0 auto; z-index: 1; color:  var(--white);
}
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 { overflow: hidden; }
.s1 .container { padding-top: calc( 112px + ( 200 - 112 ) * ( (100vw - 320px) / 1600 ) ); }

.s1 h1 { text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25); text-transform: uppercase; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD PATRIMONIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_pat mark { display: inline-block; padding: .25rem .5rem; font-size: 16px; font-weight: 800; text-transform: uppercase; color: var(--white); margin-top: 1rem; margin-bottom: 1rem; }
.card_pat mark.mineralogia { background-color: #545454; }
.card_pat mark.geologia { background-color: #83A036; }
.card_pat mark.Zoologia { background-color: #FF3C3C; }

.card_pat h3 { text-transform: uppercase; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--green); }
.card_pat p { font-size: 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EVENTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_evento a { border-radius: 1rem; overflow: hidden; }
.card_evento mark { display: inline-block; padding: .25rem .5rem; font-size: 18px; font-weight: 800; text-transform: uppercase; color: var(--black); background-color: var(--yellow); top: 1rem; left: 1rem; z-index: 1; }

.card_evento .text { padding: 1.5rem; background-color: var(--white); }
.card_evento h3 { text-transform: uppercase; font-size: calc(var(--h3-size) * .85); margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--green); }
.card_evento p { font-size: 1rem; margin-top: .5rem; }
.card_evento p img { width: auto; height: 1rem; margin-right: .5rem; }

.card_evento button img { width: 2rem; }







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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.dona { background: linear-gradient(to bottom, #018379 0%, #004E46 55.2%, #001C19 100%); padding: 1rem var(--c5o); }

.dona .text.uno { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--white); }
.dona h2 { font-size: 1.75rem; text-transform: uppercase; font-weight: 800; }
.dona h3 { font-size: 1.25rem; }
.dona .text p { margin-top: 0 }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.fp_big p:first-of-type { font-size: 1.75rem; font-family: var(--title-font); line-height: 1.125; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s4_museo { background-color: var(--green); overflow: hidden; }
.texture { background-image: url(svg/texture.svg); opacity: .05; width: 120%; margin-left: -10%; }

#s4_museo .swiper { padding: 0 var(--c5o); }
.card_evento.swiper-slide { padding: 0 var(--c1o); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_tab .tab { border-bottom: 2px solid #ccc; padding: 1rem; text-transform: uppercase; font-size: 1.25rem; font-family: var(--title-font); }
.wrapper_tab .tab.active { color: var(--green); border-bottom-color: var(--green); font-weight: 700; }

.wrapper_text .wrp { display: none; }
.wrapper_text .wrp:first-of-type { display: block; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_org { background-color: var(--yellow); padding: var(--c7v) var(--c2o); }

.wrapper_team { display: grid; gap: 1rem 0; }
.wrapper_team .box { border-top: 1px solid var(--green); padding-top: 1rem; padding-right: 2rem; }
.wrapper_team .box:first-of-type { border-top: 0; }
.wrapper_team .box p { font-family: var(--title-font); line-height: 1.125; }
.wrapper_team .box b { font-weight: 800; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.contatti h4 { font-weight: 800; border-bottom: 1px solid var(--black); padding-bottom: 1rem; margin-bottom: 1rem; }

.info { gap: .5rem; }
.info img { width: 1rem; height: 1rem; margin-top: .25rem; }
.info p { font-size: 1.125rem; }








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


/* Section 4 */
.cit { font-size: clamp(1.75rem, 5vw, 2.25rem); font-style: italic; font-family: "Times New Roman"; line-height: 1.125; font-weight: 600; text-shadow: 4px 4px 22px rgba(0, 0, 0, 0.25); }
.nome_cit { width: 100%; text-align: right; font-style: italic; font-family: "Times New Roman"; font-weight: 600; }

.cit::before {
    content: " \“ ";
    font-style: italic;
    font-size: 300%;
    display: block;
    text-align: left;
    line-height: 0.5;
}

.cit::after {
    content: " \“ ";
    font-style: italic;
    font-size: 300%;
    display: block;
    text-align: left;
    line-height: 0.5;
    transform: rotate(180deg);
    width: 100%;
}



/* Section 6 */
#s6_amici { background-color: var(--yellow); }

.box_att { padding: 1rem; text-align: center; } 
.box_att img { height: 4rem; margin-bottom: 1rem; }
.box_att p { text-transform:uppercase; color: var(--green); font-weight: 600; }
.box_att mark { display: inline-block; padding: .25rem .5rem; font-size: 16px; font-weight: 800; text-transform: uppercase; color: var(--white); margin-top: 1rem; margin-bottom: .5rem; background-color: #FF3C3C; }


/* Section 9 */
.documenti { border: 1px solid var(--black); }
.documenti button { padding: .75rem 1rem; gap: 1rem; color: var(--green); text-transform: uppercase; font-weight: 600; text-align: left; width: 100%; }
.documenti button svg { width: 2rem; transform: scaleY(-1); }
.documenti button.active svg { transform: scaleY(1); }

.documenti a { padding: .375rem 1rem; gap: 1rem; color: var(--green); font-weight: 500; text-transform: uppercase; }
.documenti a:hover { opacity: .5; }

.elenco_documenti { display: none; padding-bottom: 1rem; }
.elenco_documenti a img { height: 1.75rem; }






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


/* WP-Form - Custom */
#form { background-color: var(--green); padding: 3rem 2rem; }
#form h3 { margin-top: 0; }

#form .wpforms-field label { color: var(--white); font-weight: 400; }


#form .wpforms-field:not(.wpforms-field-checkbox, .wpforms-field-file-upload) label { position: absolute; left: 0; top: 0; transform: translateY(10%); transition: .25s ease; font-size: 1.125rem; opacity: .5; }
#form .wpforms-field:not(.wpforms-field-checkbox, .wpforms-field-file-upload).up label { transform: translateY(-75%); }


#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 2px solid rgb(var(--white-rgb) / 50%); border-radius: 0;
	padding: 0 0 .25rem 0; font-size: 1.125rem; color: var(--white);
}
#form .wpforms-field :where(input, textarea, select):focus-visible { outline: unset !important; }



#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--white); border-radius: 5px; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { padding: ; color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--yellow); }

#form button[type=submit], #form input[type=submit] {
	padding: .75rem 1rem; font-size: 1.25rem; color: var(--green); font-weight: 600; text-transform: uppercase;
	background-color: var(--white);  border: 2px solid var(--white); border-radius: 0; margin: 0 auto;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--green); color: var(--white); }




#form .wpforms-uploader { background: transparent; border: 2px solid rgb(var(--white-rgb) / 50%); margin-top: 1rem; }
#form .wpforms-uploader * { color: var(--white); }




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











/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * 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) {

	

}






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

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

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.footer .container { grid-template-columns: 1fr 1fr; gap: 4rem 2rem; }


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



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 7 */
	.wrapper_team { grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem 0; }
	.wrapper_team .box { padding-top: 1.5rem; }
	.wrapper_team .box:nth-of-type(2), .wrapper_team .box:nth-of-type(3) { border-top: 0; }




}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.footer .container { grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--c2o); }

	/* 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; }




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	.dona { display: flex; align-items: center; justify-content: flex-start; padding: 1rem var(--c5o); }
	.dona .text.uno { width: max-content; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; border-right: 1px solid var(--white); padding-right: 2rem; margin-right: 2rem }

	.dona h2 { font-size: 2.25rem; }
	.dona h3 { font-size: 1.5rem; }


	/* Sec 7 */
	#s7_museo .wrapper_team { padding: 0 var(--c5o); }




	#s4_amici .text { padding: 0 var(--c5o); }
	
	.cit { padding-bottom: 2rem; }
	.cit::before { position: absolute; top: 0; left: 0; }
	.cit::after { position: absolute; bottom: 4rem; right: 0; }











}






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

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

	.dona h2 { font-size: 3rem; }
	.dona h3 { font-size: 1.75rem; }


}






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

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


	.dona h2 { font-size: 3.25rem; }
	.dona h3 { font-size: 2rem; }

}






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

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


	.dona h2 { font-size: 3.5rem; }
	.dona h3 { font-size: 2.75rem; }

}






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

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