@charset "utf-8";
/* CSS Document */


/*
Theme Name:     Ci Mangio 2025
Theme URI:      https://cimangio.it
Description:    Un tema morbido, amichevole, rassicurante.
Author:         Milo Neri @ Diapason Digital
Author URI:     https://diapason.digital
Text Domain:    dd
Version:        0.0.1
*/



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Titillium Web */

@font-face{font-family:'TitilliumWeb';src:local('Titillium Web Extra Light'),local('TitilliumWeb-ExtraLight'),url('fonts/subset-TitilliumWeb-ExtraLight.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-ExtraLight.ttf')format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'TitilliumWeb';src:local('Titillium Web Extra Light Italic'),local('TitilliumWeb-ExtraLightItalic'),url('fonts/subset-TitilliumWeb-ExtraLightItalic.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-ExtraLightItalic.ttf')format('truetype');font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Light'),local('TitilliumWeb-Light'),url('fonts/subset-TitilliumWeb-Light.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-Light.ttf')format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Light Italic'),local('TitilliumWeb-LightItalic'),url('fonts/subset-TitilliumWeb-LightItalic.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-LightItalic.ttf')format('truetype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Regular'),local('TitilliumWeb-Regular'),url('fonts/subset-TitilliumWeb-Regular.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-Regular.ttf')format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Italic'),local('TitilliumWeb-Italic'),url('fonts/subset-TitilliumWeb-Italic.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-Italic.ttf')format('truetype');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web SemiBold'),local('TitilliumWeb-SemiBold'),url('fonts/subset-TitilliumWeb-SemiBold.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-SemiBold.ttf')format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web SemiBold Italic'),local('TitilliumWeb-SemiBoldItalic'),url('fonts/subset-TitilliumWeb-SemiBoldItalic.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-SemiBoldItalic.ttf')format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Bold Italic'),local('TitilliumWeb-BoldItalic'),url('fonts/subset-TitilliumWeb-BoldItalic.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-BoldItalic.ttf')format('truetype');font-weight:bold;font-style:italic;font-display:swap}
@font-face{font-family:'Titillium Web';src:local('Titillium Web Bold'),local('TitilliumWeb-Bold'),url('fonts/subset-TitilliumWeb-Bold.woff2')format('woff2'),url('fonts/subset-TitilliumWeb-Bold.ttf')format('truetype');font-weight:bold;font-style:normal;font-display:swap}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* colors */

:root {

	--brick-red:    173,  50,   0;
	--bright-brick: 193,  60,   7;
	--orange-red:   261,  65,   0;
	--light-green:  122, 188,  44;
	--green:         42, 138,  31;
	--blue:          40, 126, 162;
	--choco:         94,  51,  34;
	--grapes:       114,  55,  64;
	--dark-swamp:    70,  81,  56;
	--night:         52,  75,  77;
	--bright-cocoa: 133, 115, 110;
	--dark-cocoa:    83,  67,  63;
	--carbon:        32,  26,  24;
	--offwhite:     248, 248, 248;
	--sand:         246, 234, 217;
	
	--warn:         255,  94,  42;
	--eco-green:      0, 255, 158;

	--white:        255, 255, 255;
	--black:         11,  11,  12;
	
	
	--accent: var(--brick-red);
	--accent-hover: var(--bright-brick);
	
	--base-color: var(--carbon);
	--base-bg: var(--white);
	
	
	--link-opacity:.7;
	
}

.color-accent {color:rgb(var(--accent))}
.color-blue {color:rgb(var(--blue))}
.color-green {color:rgb(var(--green))}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Layout & Grid System */

:root {

	--max-tablet-vr: 767px;
	--min-tablet-vr: 768px;
	--max-tablet-hr: 1023px;
	--min-tablet-hr: 1024px;
	
	--min-desktop: 1156px;
	
	--cols: 18;
	--gap: 8px;
	--max-grid-width: 1288px;
	--container-padding:40px; 
	
}

.container {margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);max-width:var(--max-grid-width)}

.cols_1  {--cols:1}
.cols_2  {--cols:2}
.cols_3  {--cols:3}
.cols_4  {--cols:4}
.cols_5  {--cols:5}
.cols_6  {--cols:6}
.cols_7  {--cols:7}
.cols_8  {--cols:8}
.cols_9  {--cols:9}
.cols_10 {--cols:10}
.cols_11 {--cols:11}
.cols_12 {--cols:12}
.cols_13 {--cols:13}
.cols_14 {--cols:14}
.cols_15 {--cols:15}
.cols_16 {--cols:16}
.cols_17 {--cols:17}
.cols_18 {--cols:18}


.row {--row-width:100%;display:flex;justify-content:space-between}
.col {display:flex;flex-direction:column}
.gap {gap:var(--gap)}

.s-gap {gap:.5em} .s-copy-gap {gap:var(--s-copy)} .s-title-gap {gap:var(--s-title)}
.m-gap {gap:1em}  .m-copy-gap {gap:var(--m-copy)} .m-title-gap {gap:var(--m-title)}
.l-gap {gap:2em}  .l-copy-gap {gap:var(--l-copy)} .l-title-gap {gap:var(--l-title)}

.hh-gap        {gap:calc(var(--gap) / 4)}
.h-gap         {gap:calc(var(--gap) / 2)}
.d-gap,.gap_2  {gap:calc(var(--gap) * 2)}
.gap_3         {gap:calc(var(--gap) * 3)}
.dd-gap,.gap_4 {gap:calc(var(--gap) * 4)}
.gap_5         {gap:calc(var(--gap) * 5)}
.gap_6         {gap:calc(var(--gap) * 6)}
.gap_7         {gap:calc(var(--gap) * 7)}


:root,.row {

	--is_1col:  calc((100% - (var(--gap) *  ( var(--cols) - 1 ))) / var(--cols));
	--is_2col:  calc((var(--is_1col) *  2) + (var(--gap) *  1));
	--is_3col:  calc((var(--is_1col) *  3) + (var(--gap) *  2));
	--is_4col:  calc((var(--is_1col) *  4) + (var(--gap) *  3));
	--is_5col:  calc((var(--is_1col) *  5) + (var(--gap) *  4));
	--is_6col:  calc((var(--is_1col) *  6) + (var(--gap) *  5));
	--is_7col:  calc((var(--is_1col) *  7) + (var(--gap) *  6));
	--is_8col:  calc((var(--is_1col) *  8) + (var(--gap) *  7));
	--is_9col:  calc((var(--is_1col) *  9) + (var(--gap) *  8));
	--is_10col: calc((var(--is_1col) * 10) + (var(--gap) *  9));
	--is_11col: calc((var(--is_1col) * 11) + (var(--gap) * 10));
	--is_12col: calc((var(--is_1col) * 12) + (var(--gap) * 11));
	--is_13col: calc((var(--is_1col) * 13) + (var(--gap) * 12));
	--is_14col: calc((var(--is_1col) * 14) + (var(--gap) * 13));
	--is_15col: calc((var(--is_1col) * 15) + (var(--gap) * 14));
	--is_16col: calc((var(--is_1col) * 16) + (var(--gap) * 15));
	--is_17col: calc((var(--is_1col) * 17) + (var(--gap) * 16));
	--is_18col: var(--row-width);

	--max_1col:  calc((var(--max-grid-width) - (var(--gap) *  ( var(--cols) - 1 ))) / var(--cols));
	--max_2col:  calc((var(--max_1col) *  2) + (var(--gap) *  1));
	--max_3col:  calc((var(--max_1col) *  3) + (var(--gap) *  2));
	--max_4col:  calc((var(--max_1col) *  4) + (var(--gap) *  3));
	--max_5col:  calc((var(--max_1col) *  5) + (var(--gap) *  4));
	--max_6col:  calc((var(--max_1col) *  6) + (var(--gap) *  5));
	--max_7col:  calc((var(--max_1col) *  7) + (var(--gap) *  6));
	--max_8col:  calc((var(--max_1col) *  8) + (var(--gap) *  7));
	--max_9col:  calc((var(--max_1col) *  9) + (var(--gap) *  8));
	--max_10col: calc((var(--max_1col) * 10) + (var(--gap) *  9));
	--max_11col: calc((var(--max_1col) * 11) + (var(--gap) * 10));
	--max_12col: calc((var(--max_1col) * 12) + (var(--gap) * 11));
	--max_13col: calc((var(--max_1col) * 13) + (var(--gap) * 12));
	--max_14col: calc((var(--max_1col) * 14) + (var(--gap) * 13));
	--max_15col: calc((var(--max_1col) * 15) + (var(--gap) * 14));
	--max_16col: calc((var(--max_1col) * 16) + (var(--gap) * 15));
	--max_17col: calc((var(--max_1col) * 17) + (var(--gap) * 16));
	--max_18col: var(--max-grid-width);
}


.is_1col  {width:var(--is_1col)}   .max_1col  {width:100%;max-width:var(--max_1col)}   .off_1col  {margin-left:calc(var(--is_1col)  + var(--gap))}
.is_2col  {width:var(--is_2col)}   .max_2col  {width:100%;max-width:var(--max_2col)}   .off_2col  {margin-left:calc(var(--is_2col)  + var(--gap))}
.is_3col  {width:var(--is_3col)}   .max_3col  {width:100%;max-width:var(--max_3col)}   .off_3col  {margin-left:calc(var(--is_3col)  + var(--gap))}
.is_4col  {width:var(--is_4col)}   .max_4col  {width:100%;max-width:var(--max_4col)}   .off_4col  {margin-left:calc(var(--is_4col)  + var(--gap))}
.is_5col  {width:var(--is_5col)}   .max_5col  {width:100%;max-width:var(--max_5col)}   .off_5col  {margin-left:calc(var(--is_5col)  + var(--gap))}
.is_6col  {width:var(--is_6col)}   .max_6col  {width:100%;max-width:var(--max_6col)}   .off_6col  {margin-left:calc(var(--is_6col)  + var(--gap))}
.is_7col  {width:var(--is_7col)}   .max_7col  {width:100%;max-width:var(--max_7col)}   .off_7col  {margin-left:calc(var(--is_7col)  + var(--gap))}
.is_8col  {width:var(--is_8col)}   .max_8col  {width:100%;max-width:var(--max_8col)}   .off_8col  {margin-left:calc(var(--is_8col)  + var(--gap))}
.is_9col  {width:var(--is_9col)}   .max_9col  {width:100%;max-width:var(--max_9col)}   .off_9col  {margin-left:calc(var(--is_9col)  + var(--gap))}
.is_10col {width:var(--is_10col)}  .max_10col {width:100%;max-width:var(--max_10col)}  .off_10col {margin-left:calc(var(--is_10col) + var(--gap))}
.is_11col {width:var(--is_11col)}  .max_11col {width:100%;max-width:var(--max_11col)}  .off_11col {margin-left:calc(var(--is_11col) + var(--gap))}
.is_12col {width:var(--is_12col)}  .max_12col {width:100%;max-width:var(--max_12col)}  .off_12col {margin-left:calc(var(--is_12col) + var(--gap))}
.is_13col {width:var(--is_13col)}  .max_13col {width:100%;max-width:var(--max_13col)}  .off_13col {margin-left:calc(var(--is_13col) + var(--gap))}
.is_14col {width:var(--is_14col)}  .max_14col {width:100%;max-width:var(--max_14col)}  .off_14col {margin-left:calc(var(--is_14col) + var(--gap))}
.is_15col {width:var(--is_15col)}  .max_15col {width:100%;max-width:var(--max_15col)}  .off_15col {margin-left:calc(var(--is_15col) + var(--gap))}
.is_16col {width:var(--is_16col)}  .max_16col {width:100%;max-width:var(--max_16col)}  .off_16col {margin-left:calc(var(--is_16col) + var(--gap))}
.is_17col {width:var(--is_17col)}  .max_17col {width:100%;max-width:var(--max_17col)}  .off_17col {margin-left:calc(var(--is_17col) + var(--gap))}
.is_18col {width:var(--is_18col)}  .max_18col {width:100%;max-width:var(--max_18col)}



.grid {display:grid;grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap)}



.grid > .is_1col  {width:unset;grid-column-end:span 1}   .grid > .off_1col  {margin-left:unset;grid-column-start:2}
.grid > .is_2col  {width:unset;grid-column-end:span 2}   .grid > .off_2col  {margin-left:unset;grid-column-start:3}
.grid > .is_3col  {width:unset;grid-column-end:span 3}   .grid > .off_3col  {margin-left:unset;grid-column-start:4}
.grid > .is_4col  {width:unset;grid-column-end:span 4}   .grid > .off_4col  {margin-left:unset;grid-column-start:5}
.grid > .is_5col  {width:unset;grid-column-end:span 5}   .grid > .off_5col  {margin-left:unset;grid-column-start:6}
.grid > .is_6col  {width:unset;grid-column-end:span 6}   .grid > .off_6col  {margin-left:unset;grid-column-start:7}
.grid > .is_7col  {width:unset;grid-column-end:span 7}   .grid > .off_7col  {margin-left:unset;grid-column-start:8}
.grid > .is_8col  {width:unset;grid-column-end:span 8}   .grid > .off_8col  {margin-left:unset;grid-column-start:9}
.grid > .is_9col  {width:unset;grid-column-end:span 9}   .grid > .off_9col  {margin-left:unset;grid-column-start:10}
.grid > .is_10col {width:unset;grid-column-end:span 10}  .grid > .off_10col {margin-left:unset;grid-column-start:11}
.grid > .is_11col {width:unset;grid-column-end:span 11}  .grid > .off_11col {margin-left:unset;grid-column-start:12}
.grid > .is_12col {width:unset;grid-column-end:span 12}  .grid > .off_12col {margin-left:unset;grid-column-start:13}
.grid > .is_13col {width:unset;grid-column-end:span 13}  .grid > .off_13col {margin-left:unset;grid-column-start:14}
.grid > .is_14col {width:unset;grid-column-end:span 14}  .grid > .off_14col {margin-left:unset;grid-column-start:15}
.grid > .is_15col {width:unset;grid-column-end:span 15}  .grid > .off_15col {margin-left:unset;grid-column-start:16}
.grid > .is_16col {width:unset;grid-column-end:span 16}  .grid > .off_16col {margin-left:unset;grid-column-start:17}
.grid > .is_17col {width:unset;grid-column-end:span 17}  .grid > .off_17col {margin-left:unset;grid-column-start:18}
.grid > .is_18col {width:unset;grid-column-end:span 18}

.grid-test {outline:dashed 2px currentColor;outline-offset:12px;margin-bottom:8em}
.grid-test > .grid-test {margin-bottom:6px;outline-offset:8px}
.grid-test > .grid-test > .grid-test {margin-bottom:2px;outline-offset:4px}
.grid-test.row {outline-color:blue}
.grid-test.grid {outline-color:purple}
.grid-test-block {display:flex;align-items:center;justify-content:center;background-color:rgb(var(--sand));min-height:4em;word-break:break-all;word-wrap:break-word}



@media (max-width: 959px) {

	.fullwidth-on-mobile {width:100%;max-width:100%;padding-left:0;padding-right:0}
	
	.col-on-mobile {display:flex;flex-direction:column}
	.reverse-col-on-mobile {display:flex;flex-direction:column-reverse}
	
	.grid.mb_cols_1 {grid-template-columns:1fr}
	.grid.mb_cols_2 {grid-template-columns:1fr 1fr}
	.grid.mb_cols_3 {grid-template-columns:1fr 1fr 1fr}
	.grid.mb_cols_4 {grid-template-columns:1fr 1fr 1fr 1fr}
	.grid.mb_cols_5 {grid-template-columns:1fr 1fr 1fr 1fr 1fr}
	.grid.mb_cols_6 {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}

}

                             :root      { --top: 0px;  }
                             .admin-bar { --top: 32px}
@media (max-width: 782px) {  .admin-bar { --top: 46px} }




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* quick show/hide classes */
@media (min-width: 0px) and (max-width: 959px)  { .hide-on-mobile  {display:none!important} .desktop-only {display:none!important}  }
@media (min-width: 960px)                       { .hide-on-desktop {display:none!important} .mobile-only  {display:none!important}  }




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* typography */
:root {

	--s-label:   9px;    --s-label-lh:   normal;      --s-label-ls:.025em;
	--m-label:   10px;   --m-label-lh:   normal;      --m-label-ls:.025em;
	--l-label:   11px;   --l-label-lh:   1.5;         --l-label-ls:.025em;

	--s-copy:    14px;   --s-copy-lh:    1.2222222;   --s-copy-ls:normal;
	--m-copy:    16px;   --m-copy-lh:    1.2222222;   --m-copy-ls:-.025em;
	--l-copy:    18px;   --l-copy-lh:    1.5;         --l-copy-ls:-.025em;

	--s-title:   21px;   --s-title-lh:   1.3333333;   --s-title-ls:-.025em;
	--m-title:   26px;   --m-title-lh:   1.3333333;   --m-title-ls:-.025em;
	--l-title:   32px;   --l-title-lh:   1.25;        --l-title-ls:-.025em;	

	--s-display: 38px;   --s-display-lh: 1.2;         --s-display-ls:-.05em;
	--m-display: 48px;   --m-display-lh: 1.1666666;   --m-display-ls:-.05em;
	--l-display: 96px;   --l-display-lh: 1.5;         --l-display-ls:-.05em;
 
}

@media (min-width: 768px) {

	:root {

		--s-label:   10px;
		--m-label:   12px;
		--l-label:   14px;

		--s-copy:    15px;
		--m-copy:    16px;
		--l-copy:    18px;

		--s-title:   23px;
		--m-title:   27px;
		--l-title:   36px;

		--s-display: 40px;
		--m-display: 48px;
		--l-display: 108px;
	}
}
@media (min-width: 1280px) {

	:root {

		--s-copy:    16px;
		--m-copy:    18px;
		--l-copy:    21px;

		--s-title:   24px;
		--m-title:   30px;
		--l-title:   40px;	

		--s-display: 48px;
		--m-display: 58px;
		--l-display: 160px;
	}
}
@media (min-width: 1800px) {

	:root {

		--l-copy:    24px;

		--s-title:   30px;
		--m-title:   36px;
		--l-title:   48px;	

		--s-display: 60px;
		--m-display: 72px;
		--l-display: 200px;
	}
}

   .s-label      {font-kerning:none;font-size:var(--s-label);line-height:var(--s-label-lh);letter-spacing:var(--s-label-ls)}
   .m-label      {font-kerning:none;font-size:var(--m-label);line-height:var(--m-label-lh);letter-spacing:var(--m-label-ls)}
   .l-label      {font-kerning:none;font-size:var(--l-label);line-height:var(--l-label-lh);letter-spacing:var(--l-label-ls)}

   .s-copy       {font-kerning:auto;font-size:var(--s-copy);line-height:var(--s-copy-lh);letter-spacing:var(--s-copy-ls)}
   .m-copy       {font-kerning:auto;font-size:var(--m-copy);line-height:var(--m-copy-lh);letter-spacing:var(--m-copy-ls)}
   .l-copy       {font-kerning:auto;font-size:var(--l-copy);line-height:var(--l-copy-lh);letter-spacing:var(--l-copy-ls)}

h6,.s-title      {font-kerning:normal;font-size:var(--s-title);line-height:var(--s-title-lh);letter-spacing:var(--s-title-ls)}
h5,.m-title      {font-kerning:normal;font-size:var(--m-title);line-height:var(--m-title-lh);letter-spacing:var(--m-title-ls)}
h4,.l-title      {font-kerning:normal;font-size:var(--l-title);line-height:var(--l-title-lh);letter-spacing:var(--l-title-ls)}

h3,.s-display    {font-kerning:normal;font-size:var(--s-display);line-height:var(--s-display-lh);letter-spacing:var(--s-display-ls)}
h2,.m-display    {font-kerning:normal;font-size:var(--m-display);line-height:var(--m-display-lh);letter-spacing:var(--m-display-ls)}
h1,.l-display    {font-kerning:normal;font-size:var(--l-display);line-height:var(--l-display-lh);letter-spacing:var(--l-display-ls)}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* general elements */


html, body {padding:0; margin:0; font-family:'Titillium Web',sans-serif; font-size:var(--m-copy); font-weight:300; overflow-x:hidden}

html {scroll-behavior: smooth}
body {background-color:rgb(var(--base-bg)); color:rgb(var(--base-color))}

svg {fill: currentcolor}
svg.facebook:hover {fill: #1877f2}
svg.linkedin:hover {fill: #0a66c2}
svg.youtube:hover  {fill: #f00}
svg.instagram:hover{fill: #f00}


svg[viewBox="0 0 48 48"],
svg[viewBox="0 0 24 24"]   {width:24px; height:24px}
svg[viewBox="0 0 16 16"]   {width:16px; height:16px}

img {max-width:100%;height:auto}
video {width:100%;height:auto}

article {position:relative;z-index:2}
main {position:relative}

figure {display:block; margin:0;line-height:0;position:relative;overflow:hidden}
figure.cover :is(img,video) {width:100%;height:100%;object-fit:cover;object-position:center center}
figure.overflowing-image {overflow:visible}
figure.overflowing-image img {max-width:unset}


table {border-collapse:collapse}
table th {opacity:.75;font-weight:500;padding:0}

a {text-decoration: none; color: inherit}

p {margin:0}

hr {margin:3em 0;height:0;border:none;border-bottom:dashed 1px rgb(var(--dark-cocoa))}


/* Entry contents */
.entry-content :is(ol,ul,p) {margin-bottom:1em}
.entry-content :is(ol,ul) {padding-left:2em}
.entry-content :is(ol,ul) li {padding-left:1em}
.entry-content :is(ol,ul) li:not(:last-child) {margin-bottom:.5em}
.entry-content :is(ol,ul) li::marker {font-weight:bold}

.entry-content a:not(.btn) {text-decoration:underline;color:rgb(var(--accent))}
.entry-content a:not(.btn):hover {text-decoration-style:dashed}

.entry-content :is(em,i,dfn,var,cite) {font-style:italic}
.entry-content :is(b,strong) {font-weight:700}
.entry-content blockquote {margin-left:0;margin-right:0;padding:0 1.5em;border-left:solid .1em currentcolor}



/* Wordpress specifics */
.sub-menu {list-style-type:none;padding:0;margin:0}
.menu-item > a {display:block}
.screen-reader-text {position:absolute;top:6px;left:-10000px;padding:12px 18px;background-color:rgb(var(--base-color));color:rgb(var(--base-bg));font-size:var(--m-copy)}
.screen-reader-text:focus {left:6px;color:rgb(var(--base-bg))}



/* Template specific */
.section-header {margin-bottom:40px}
.section-title {margin-top:0;margin-bottom:clamp(20px, 1.5em, 30px)}
.section-title:has( + .section-subtitle ) {margin-bottom:clamp(10px, 1em, 15px)}




/* Modifiers */
.line-height-1 {line-height:1}
.line-height-normal {line-height:normal}
.s-line-height {line-height:1.25}
.m-line-height {line-height:1.5}
.l-line-height {line-height:2}
.serif {font-family:serif}
.mono {font-family:monospace}
.underline {text-decoration:underline}
.strike {text-decoration:line-through}
.italic {font-style:italic}
.thin {font-weight:100}
.extralight {font-weight:200}
.light {font-weight:300}
.regular {font-weight:400}
.medium {font-weight:500}
.demi,.semibold {font-weight:600}
strong,.strong,.bold {font-weight:700}
.extrabold,.bolder {font-weight:800}
.black {font-weight:900}
.uppercase {text-transform:uppercase}
.hidden {display:none}
:is(ol,ul).list-style-type-none {list-style-type:none; padding:0; margin: 0}
:is(ol,ul).list-style-type-none li {margin:0;padding:0}
.align-items-center {align-items:center}
.align-items-baseline {align-items:baseline}
.align-items-start {align-items:flex-start}
.align-items-stretch {align-items:stretch}
.justify-content-start {justify-content:flex-start}
.justify-content-center {justify-content:center}
.justify-content-end {justify-content:flex-end}
.flex-wrap {flex-wrap:wrap}
.flex-shrik-0 {flex-shrink:0}
.flex-grow-0 {flex-grow:0}
.centered {margin-left:auto;margin-right:auto}
.text-align-center {text-align:center}
.text-align-right {text-align:right}
.letter-spacing-wide {letter-spacing:.025em}
.letter-spacing-wider {letter-spacing:.05em}
.letter-spacing-extra-wide {letter-spacing:.1em}
.letter-spacing-narrow {letter-spacing:-.025em}
.letter-spacing-narrower {letter-spacing:-.05em}
.letter-spacing-extra-narrow {letter-spacing:-.1em}
.disabled {opacity:.3; filter:grayscale(100); cursor:default}
a.disabled:hover{cursor:default}
figure.disabled {opacity:1}
.inline {display:inline; margin-top:0; margin-bottom:0}
.p-sticky {position:sticky;top:var(--top);z-index:999}
.relative {position:relative}
.accent {color:var(--accent)}
.clip {position:absolute;top:0;left:0;right:0;bottom:0;clip-path:margin-box;z-index:5}








/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* interactive elements */

:focus {outline: dotted 2px rgb(var(--accent)); outline-offset: 1px}


:is(a,button,input[type="button"],input[type="submit"],select):not(.disabled,[disabled]) {cursor: pointer}
:is(a,button,input[type="button"],input[type="submit"],select):is(.disabled,[disabled]) {cursor: default}


a {text-decoration:underline;color:currentColor}
a:hover {color:rgb(var(--accent));text-decoration-style:dashed}

a.link, .link a {text-decoration:underline;color:currentColor}
a.link:hover, .link a:hover {color:rgb(var(--accent));text-decoration-style:dashed}

a.accentlink, .accentlink a {color:rgb(var(--accent));text-decoration:none}
a.accentlink:hover, .accentlink a:hover {color:rgb(var(--accent-hover));text-decoration:none}

a.hiddenlink, .hiddenlink a {color:currentColor;text-decoration:none}
a.hiddenlink:hover, .hiddenlink a:hover {color:inherit;text-decoration:none}

a.opacitylink, .opacitylink a {opacity:var(--link-opacity)}
a.opacitylink:hover, .opacitylink a:hover {opacity:1}

a.reverseopacitylink, .reverseopacitylink a {opacity:1}
a.reverseopacitylink:hover, .reverseopacitylink a:hover {opacity:var(--link-opacity)}

a.underlinelink, .underlinelink a {text-decoration:underline}
a.underlinelink:hover, .underlinelink a:hover {text-decoration-style:dashed}

a[target="_blank"]:not([href*="cimangio"])::after {content:'↗'}



/* Input fields and other form things */
input:is([type="text"],[type="email"],[type="password"],[type="search"]),select,textarea,.wpcf7-checkbox.chips .wpcf7-list-item-label {margin:0;border-radius:.4444444em;box-sizing:border-box;font-family:inherit;font-size:inherit;color:currentColor}
input:is([type="text"],[type="email"],[type="password"],[type="search"]),select,.wpcf7-checkbox.chips .wpcf7-list-item-label {white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}
input:is([type="text"],[type="email"],[type="password"],[type="search"]),select,textarea {width:100%; max-width:480px; min-width:180px;line-height:1.5;padding:.75em}
input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="checkbox"],[type="radio"]),select,textarea {background-color:rgb(var(--base-bg));border:solid 2px rgb(var(--bright-cocoa))}
input:is([type="text"],[type="email"],[type="password"],[type="search"]):hover,select:hover,textarea:hover,.wpcf7-checkbox.chips .wpcf7-list-item-label:hover {border-color:rgb(var(--cocoa))}

select {appearance:none; padding-right:3.2em; background-position:calc(100% - 1em) center; background-repeat:no-repeat; background-size:24px 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gcG9pbnRzPSIxNyA5IDEyIDE2IDcgOSAxNyA5IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==")}
select option {color:#111}

textarea {min-width:100%;max-width:100%;width:100%;min-height:5em;height:9.5em;max-height:17em}


input:is([type="radio"],[type="checkbox"]) {appearance:none;display:inline-block;box-sizing:border-box;font-size:inherit;font-family:inherit;position:relative;top:-0.133333em;vertical-align:top;padding:0;margin:0 .5em 0 0;width:1.333333em;height:1.333333em;border-radius:3px;background-size:100% 100%;background-repeat:no-repeat;background-position:center}
input:is([type="radio"],[type="checkbox"]):hover {background-color:rgba(var(--base-color),var(--input-bg-hover-opacity))}
input[type="checkbox"]:checked {background-color:rgb(var(--accent));background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTYgMTQgMS41IDkuNWwyLTJMNiAxMGw3LTcgMiAyLTkgOXoiIGZpbGw9IndoaXRlIi8+PC9zdmc+")}

input[type="radio"] {border-radius:50%}
input[type="radio"]:checked {border:solid 6px rgb(var(--accent));background-color:rgb(var(--base-bg))}

input[disabled] {background-color:rgba(var(--base-color),.05)!important; color:rgba(var(--base-color),.6)!important}





/* CF7 & FORM LAYOUT */
.screen-reader-response {visibility:hidden;height:0;width:0;overflow:hidden}
.wpcf7-form-control-wrap {display:flex;flex-direction:column;position:relative;gap:.5em}
.wpcf7-form-control-wrap > .wpcf7-not-valid-tip {order:1}
.wpcf7-form-control-wrap > :not(.wpcf7-not-valid-tip) {order:2}
.wpcf7-not-valid-tip {color:rgb(var(--warn)); font-size:var(--s-copy);letter-spacing:.025em;font-weight:500}

.wpcf7-form-control-wrap > [data-lastpass-icon-root] {display:none}

.wpcf7-response-output {border-left:4px solid transparent; padding-left:10px; transition:padding .2s ease-in-out, margin .2s ease-in-out}
form:is([data-status="invalid"],[data-status="sent"]) .wpcf7-response-output {margin-top: 1em; padding:10px}
form[data-status="invalid"] .wpcf7-response-output {border-color:rgb(var(--warn)); background-color:rgba(var(--warn),.1)}
form[data-status="sent"] .wpcf7-response-output {border-color:rgb(var(--light-blue)); background-color:rgba(var(--light-blue),.1)}

.form-field-container {display:flex;flex-direction:column;gap:.5em;position:relative}
.form-field-container:has(.wpcf7-not-valid-tip) {padding-left:10px;border-left:2px solid rgb(var(--warn))}

:is(.wpcf7-checkbox,.wpcf7-radio) {display:flex;flex-direction:column;gap:.75em}
:is(.wpcf7-checkbox,.wpcf7-radio) :is(label,input) {cursor:pointer}
:is(.wpcf7-checkbox,.wpcf7-radio).inline-options {flex-direction:row;gap:2em}

.wpcf7-checkbox.chips {flex-direction:row;flex-wrap:wrap;gap:4px}
.wpcf7-checkbox.chips .wpcf7-list-item {position:relative}
.wpcf7-checkbox.chips .wpcf7-list-item .wpcf7-list-item-label {display:inline-block;cursor:pointer}
.wpcf7-checkbox.chips .wpcf7-list-item input {display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:0;margin:0;border-radius:1.6em;border:none;opacity:0;z-index:-1}
.wpcf7-checkbox.chips .wpcf7-list-item input:checked + .wpcf7-list-item-label {color:rgb(var(--base-bg));background-color:rgb(var(--base-color))}

.form-row {position:relative;display:block}
.form-row + .form-row {margin-top:2em}
.form-row.row > .form-field-container {flex:1 1 0}
.the-label {font-weight:600;margin-bottom:.3em}

@media (max-width: 959px) {

	.form-row.row {flex-direction:column;gap:2em}
	
}




/* Styled links */
input:is([type="submit"],[type="button"]),button {font-size:inherit;font-family:inherit}
input:is([type="submit"],[type="button"]),.btn,button {min-width:30px;text-decoration:none;text-align:center;cursor:pointer;box-sizing:border-box}
input:is([type="submit"],[type="button"]):hover,.btn:hover,button:hover {color:rgb(var(--base-color));text-decoration:none}

.btn {min-height:2em;border-radius:1em;padding:0 1.2em;display:inline-flex;line-height:normal;align-items:center;background-color:rgb(var(--base-bg));border:solid 1px rgb(var(--carbon));color:rgb(var(--accent));font-weight:600}
.btn:hover {background-color:rgb(var(--accent-hover));border-color:rgb(var(--accent-hover));color:rgb(var(--white))}

.btn.l-btn {min-height:2.25em;border-radius:1.125em}
.btn.btn-wide {width:100%}
.btn.btn-larger {padding-left:2em;padding-right:2em}

.btn.accent {background-color:rgb(var(--accent));color:rgb(var(--white));border-color:rgb(var(--accent))}
.btn.accent:hover {background-color:rgb(var(--accent-hover));border-color:rgb(var(--accent-hover));color:rgb(var(--white))}

.btn.ghost {appearance:none;background-color:transparent!important;color:currentColor;border:none;padding:0;text-align:inherit;line-height:inherit}
.btn.ghost:hover {appearance:none;background-color:transparent!important;color:currentColor;border:none}

.btn.icon {display:flex;align-items:center;gap:.3em}
.text-align-right .btn.icon {justify-content:flex-end}
.text-align-right .btn.icon .icon {fill:currentColor}

.btn.icon .icon {user-select:none}

.btn.icon-only {justify-content:center;align-items:center;min-height:30px;padding:0}

.btn.l-copy {padding:0 1.25em}




/* Accordions */
.accordion {position:relative}
.accordion-trigger {cursor:pointer}
.accordion-content {overflow:hidden;max-height:0;transition:max-height .2s ease-in-out}
.accordion-trigger svg.chevron-down {transition:transform .2s ease-in-out}

.accordion.show-excerpt .accordion-content {max-height:4.5em}

.accordion:not(.active) .accordion-trigger .label.active {display:none}
.accordion.active .accordion-trigger .label:not(.active) {display:none}
.accordion.active .accordion-trigger svg.chevron-down {transform:rotate(180deg)}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */




/* MOBILE MENU */

.slide-out-panel-overlay {display:none;position:fixed;z-index:99999;width:100%;height:calc(100% - var(--top));top:var(--top);left:0;right:0;bottom:0;overflow:hidden;background:transparent; transition:background .15s ease-in-out}
.slide-out-panel {position:absolute;width:100%;max-width:300px;height:100%;right:0;transform:translateX(100%); padding:1em; box-sizing:border-box;transition:transform .25s ease-out}

.slide-out-panel-overlay.show {display:block}
.slide-out-panel-overlay.active {background:rgba(var(--sand),.5)}
.slide-out-panel-overlay.active .slide-out-panel {transform:translateX(0)}


.slide-out-panel .panel-inner {display:flex;flex-direction:column;box-sizing:border-box;border-radius:1.5em;background:rgb(var(--base-bg));box-shadow:0 3px 30px rgba(var(--carbon),.16)}
.slide-out-panel .panel-inner .panel-header,
.slide-out-panel .panel-inner .panel-body, 
.slide-out-panel .panel-inner .panel-footer {padding:1.5em}
.slide-out-panel .panel-inner .panel-header,
.slide-out-panel .panel-inner .panel-body {border-bottom:dashed 1px rgb(var(--bright-cocoa))}
.slide-out-panel .panel-inner .panel-body .mobile-nav {padding-bottom:1.5em}


.mobile-nav ul {display:flex;flex-direction:column;gap:.6666666em}
.mobile-nav .current-menu-item {font-weight:bold}
.mobile-nav a {padding:.1666666em 0}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* Header */

#site-header {position:relative;z-index:9999}
#site-header .header-inner {max-width:1920px;padding:24px}
#site-header .logo-wrapper a {display:block;line-height:0;overflow:hidden}
#site-header .logo-wrapper img {height:120px;width:auto}
#site-header .logo-wrapper hgroup {overflow:hidden;text-indent:-9000px;position:absolute}

:root {--header-height:168px}

@media (max-width:1439px) {
	
	:root {--header-height:144px}
	
	#site-header .logo-wrapper img {height:96px}
	#site-header .header-right.s-title {font-size:var(--l-copy)}
}
@media (max-width:1279px) {
	
	:root {--header-height:108px}
	
	#site-header .header-inner {padding:18px}
	#site-header .logo-wrapper img {height:72px}
}
@media (max-width:1023px) {
	
	:root {--header-height:104px}
	
	#site-header .header-inner {padding:16px}
	#site-header .logo-wrapper img {height:72px}
}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* Page Hero & main-sections */



.main-section.full-height {min-height:calc(100vh - var(--top))}
.main-section.accounts-header:first-child {margin-top:calc(0px - var(--header-height));padding-top:var(--header-height);box-sizing:border-box}

.page-subtitle:last-child {margin-bottom:108px}
.page-intro:last-child {margin-bottom:108px}
.page-subtitle + .page-intro {margin-top:1em}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Home */

.home-hero::before,
.home-hero::after {content:'';display:block;position:absolute;background-size:cover;background-repeat:no-repeat;z-index:-1;aspect-ratio:1;}

.home-hero::before {width:87%;max-width:1678px;top:clamp(0,-25%,-468px);right:clamp(-14.6%,-14.6%,-280px);background-image:url('assets/ci_mangio_hero_bg.webp')}
.home-hero::after {max-width:256px;width:20%;background-image:url('assets/app-bg__contenitori.webp');background-repeat:no-repeat;background-size:cover;top:50%;transform:translateY(-45%);left:-100px;z-index:-3}

.home-hero {padding-bottom:4em;max-width:1920px;margin-left:auto;margin-right:auto}
.home-hero .hero-text {padding:5em 0}
.home-hero .hero-text .l-display {line-height:1}
.home-hero .hero-text .value-proposition {margin-top:.666666em}

@media (max-width:768px) {
	
	.home-hero::before {width:auto;height:125vh;top:-35vh;right:-50vw}
	
	.home-hero .hero-inner {padding-top:30vh}
	.home-hero .hero-text {margin-left:calc(var(--is_2col) + var(--gap));width:var(--is_12col)}

}
@media (max-width:499px) {
	
	.home-hero::before {height:1024px;top:400px;right:-240px}
	
	.home-hero .hero-inner {padding-top:0;padding-bottom:550px}
	.home-hero .hero-text {margin-left:0;width:var(--is_16col)}

}
@media (max-width:399px) {
	
	.home-hero::before {height:960px;right:-220px}
	
	.home-hero .hero-inner {padding-bottom:520px}


}


.section-title {color:rgb(var(--accent));font-weight:bold}

#vantaggi {padding:8em 0}

#fiore {margin-top:6em;row-gap:8em}

#fiore .petalo {text-align:center;position:relative}
#fiore .petalo::before {content:'';display:block;position:absolute;aspect-ratio:1;border-radius:50%;width:160%;top:calc(50% + 1em);left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}

#fiore #spreco .m-title {color:rgb(var(--dark-swamp))}
#fiore #spreco::before {background-image:linear-gradient(135deg,rgb(var(--base-bg)),#E9FED1);width:185%}

#fiore #aiuto .m-title {color:rgb(var(--choco))}
#fiore #aiuto::before {background-image:linear-gradient(135deg,rgb(var(--base-bg)),#FFDBD0);width:185%}

#fiore #online .m-title {color:rgb(var(--night))}
#fiore #online::before {background-image:linear-gradient(135deg,rgb(var(--base-bg)),#DDF1F3);width:151%}

#fiore #privacy .m-title {color:rgb(var(--grapes))}
#fiore #privacy::before {background-image:linear-gradient(135deg,rgb(var(--base-bg)),#FBF0F2);width:166%}

#fiore #accessibile {top:-12em}
#fiore #accessibile .m-title {color:rgb(var(--dark-cocoa))}
#fiore #accessibile::before {background-image:linear-gradient(135deg,rgb(var(--base-bg)),#FFEDE3);width:167%}

#fiore #centro {top:7em}
#fiore #centro::before {background-image:radial-gradient(rgb(var(--base-bg)) 35%,transparent 67%);width:300%}
#fiore #centro::after {content:'';display:block;position:absolute;width:100%;aspect-ratio:280/367;top:50%;left:0;transform:translateY(-50%);background:url('assets/unbelgesto_logo_vr_large-ar.webp');background-repeat:no-repeat;z-index:99;background-size:contain;background-position:center}

#fiore .petalo-inner {position:relative;z-index:99}
#fiore .petalo svg {width:6em;height:auto}
#fiore .petalo h3 {margin:0}
#fiore .petalo p {margin-top:.3333333em}


@media (min-width:1024px) {

	#fiore #centro::before {z-index:9}
	#fiore #spreco::before {z-index:8}
	#fiore #online::before {z-index:7}
	#fiore #accessibile::before {z-index:6}
	#fiore #privacy::before {z-index:5}
	#fiore #aiuto::before {z-index:4}

}
@media (max-width:1287px) {

	#fiore {margin-top:8em;row-gap:-9em}
	#fiore .petalo svg {width:5em}
}
@media (max-width:1023px) {
	
	#fiore {margin-top:7em; grid-template-columns:1fr 1fr;gap:25vw 15vw}
	
	#fiore .petalo {grid-column-start:unset;grid-column-end:unset}
	#fiore .petalo::before {max-width:400px;min-width:240px}

	#fiore #centro {display:none}
	#fiore #aiuto {top:20vw}
	#fiore #online {left:5vw}
	#fiore #privacy {left:-5vw;top:20vw}
	#fiore #accessibile {top:unset;left:10vw}
}
@media (max-width:599px) {
	
	#vantaggi .section-title {display:none}
	
	#fiore {display:flex;flex-direction:column;gap:22vw;margin-top:-48px}
	
	#fiore .petalo {width:80%;max-width:224px;min-width:192px}
	
	#fiore #aiuto {top:unset;left:unset;align-self:flex-end}
	#fiore #online {left:unset}
	#fiore #privacy {top:unset;left:unset;align-self:flex-end}
	#fiore #accessibile {left:unset}
}



#soggetti-interessati {position:relative}
#soggetti-interessati::before {content:'';position:absolute;display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;z-index:-2;border-radius:50%;max-width:424px;width:20%;background-image:url('assets/app-bg__qr-code.webp');background-repeat:no-repeat;background-size:cover;top:-100px;left:-100px}



#soggetti-interessati {margin-bottom:10em}
#soggetti-interessati .section-inner {position:relative}
#soggetti-interessati .section-inner::before {content:'';display:block;position:absolute;aspect-ratio:592/688;width:592px;right:calc(var(--container-padding) - 175px);top:45%;transform:translateY(-50%);background:url('assets/ci-mangio__soggetti.webp');background-size:cover;background-repeat:no-repeat;z-index:-1}

@media (max-width:1800px) {

	#soggetti-interessati .section-inner::before {width:var(--is_7col);right:calc(0px - var(--is_1col))}
}
@media (max-width:1023px) {

	#soggetti-interessati {margin-top:7em;margin-bottom:7em}
	#soggetti-interessati .section-inner::before {width:var(--is_7col);right:calc(var(--container-padding) - var(--gap) - var(--is_1col))}
	#soggetti-interessati .entry-content {margin-left:0;width:100%;max-width:400px}


}
@media (max-width:767px) {

	#soggetti-interessati {}
	#soggetti-interessati .section-inner {flex-direction:column;gap:3em}
	#soggetti-interessati .section-inner::before {position:relative;order:2;width:80%;align-self:center;transform:unset;top:unset;right:unset;background-size:100% auto}
	#soggetti-interessati .entry-content {order:-1}
}

#come-funziona {position:relative}
#come-funziona::before,
#come-funziona::after {content:'';position:absolute;display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;z-index:-2;border-radius:50%}
#come-funziona::before {right:53%;top:24%;width:85%;max-width:1480px;min-width:900px;background-image:linear-gradient(to right top,#FBF7EF,#fff)}
#come-funziona::after {left:67%;top:-25%;width:80%;max-width:1610px;min-width:1100px;background-image:linear-gradient(to right bottom,#fff 14%,#E0FFA1);opacity:.7;z-index:-3}


#come-funziona .section-inner {gap:108px}
#come-funziona .section-subtitle {max-width:20em;margin-left:auto;margin-right:auto}
#come-funziona .section-subtitle {max-width:20em;margin-left:auto;margin-right:auto}

#come-funziona .download-presentazione h3 {margin:0 auto}
#come-funziona .download-presentazione p {margin-top:.3333333em}
#come-funziona .download-presentazione .btn {margin-top:2em}

@media (max-width:1439px) {

	#come-funziona .installazione figure.overflowing-image {grid-column-end:19}
	#come-funziona .installazione figure.overflowing-image img {max-width:100%}
}
@media (max-width:959px) {

	#come-funziona .grid {gap:2em}
	#come-funziona .entry-content {max-width:400px}
}



#statistiche {background-image:url('assets/cimangio_bg_stats.svg');background-size:cover;border-radius:10vw;margin-top:12em;max-width:1920px;margin-left:auto;margin-right:auto}
#statistiche .section-inner {padding-top:5em;padding-bottom:5em;}
#statistiche .intro h2 {margin:0}
#statistiche .risultati {margin-top:3em}
#statistiche .super-highlight {margin-top:3em}
#statistiche .super-highlight svg {width:4em}
#statistiche .super-highlight .l-display {line-height:1}
#statistiche .super-highlight .time-seconds {letter-spacing:.1em}

@media (max-width:959px) {
	
	#statistiche .section-inner {padding-top:8em;padding-bottom:8em}
	#statistiche .risultati.max_12col {max-width:var(--max_8col);margin-top:2em}
	#statistiche .risultati {margin-top:0;gap:0}
	#statistiche .risultato {aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
	#statistiche .risultati.max_12col .risultato {border-bottom:dashed 1px currentcolor}
	#statistiche .risultato:nth-child(odd) {border-right:dashed 1px currentcolor}
}


#prezzi .section-inner {margin-top:9em}
#prezzi .intro {margin-top:1.5em;margin-bottom:3em}
#prezzi .listino td {padding:0}
#prezzi .listino tr:not(:first-child) {border-top:dashed 1px rgb(var(--bright-cocoa));padding-top:.6666666em}
#prezzi .listino tfoot tr {display:block;padding-top:1em}

#prezzi .esempi .baloon-wrap {position:relative;max-width:597px;width:125%;aspect-ratio:597/673;left:5%;top:5em}
#prezzi .esempi .baloon-wrap figure {position:absolute;aspect-ratio:1;border-radius:50%;background-image:linear-gradient(to right bottom,#fff 14%,#E0FFA1);display:flex;align-items:center;justify-content:center}
#prezzi .esempi .baloon-wrap figure:first-child {top:0;left:0;width:62%;max-width:370px}
#prezzi .esempi .baloon-wrap figure:first-child img {max-width:65%;max-width:88%}
#prezzi .esempi .baloon-wrap figure:last-child {bottom:0;right:0;width:70%;max-width:412px}
#prezzi .esempi .baloon-wrap figure:last-child img {max-width:42%;max-width:79%}


#prezzi .multi-tenant h3 {margin-top:1.5em;margin-bottom:.25em}
#prezzi .multi-tenant .btn {margin-top:1em}

@media (max-width:1535px) {

	#prezzi .esempi .baloon-wrap {width:110%}
}
@media (max-width:959px) {

	#prezzi .esempi .baloon-wrap {width:100%;margin-left:auto;margin-right:auto;left:0;top:0}
}



#promotori .section-inner {margin-top:10em}
#promotori .section-inner::before,
#promotori .section-inner::after,
#promotori .comune::before {content:'';position:absolute;display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:102%;z-index:-2;border-radius:50%}

#promotori .section-inner::before {background-image:linear-gradient(to right top,#fff 12%,#D8FAFF);opacity:.75;max-width:1440px;width:82%;min-width:960px;bottom:-70%;right:100%}
#promotori .section-inner::after {background-image:linear-gradient(to right bottom,#fff 12%,#D8FAFF);opacity:.75;max-width:1200px;width:78%;min-width:800px;top:92%;left:70%;transform:translateY(-50%);z-index:-3}

#promotori .comune.nonantola::before {background-image:url('assets/bolla-non.webp');width:var(--is_8col);left:calc(0px - var(--is_5col));top:-2em}
#promotori .comune.persiceto::before {background-image:url('assets/bolla-per.webp');width:var(--is_5col);right:calc(0px - var(--is_3col));top:50%}


@media (max-width:1535px) {

	#promotori .section-inner::before {bottom:15%;right:70%}
	#promotori .section-inner::after {bottom:0%;left:70%}
	
	#promotori .grid {grid-template-columns:1fr}
	#promotori .comune {position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:7em 0}
	#promotori .comune.nonantola {align-items:flex-end}
	#promotori .comune figure, #promotori .comune p {width:50%;max-width:248px;text-align:center}
	
	#promotori .comune.nonantola::before {width:75%;left:-12%;top:50%;transform:translateY(-50%)}
	#promotori .comune.persiceto::before {width:75%;right:-12%;top:50%;transform:translateY(-50%)}


}
@media (max-width:959px) {



}
@media (max-width:599px) {
	
	#promotori .comune.nonantola::before {width:100%;left:-40%}
	#promotori .comune.persiceto::before {width:100%;right:-40%}


}


#contatti .section-inner {margin:15em auto}
#contatti .text figure {margin-top:2em}

#contatti form {padding:4em 2.6666666em;border-radius:2em;background:rgb(var(--offwhite));box-shadow:0 3px 36px rgba(0,0,0,.16)}

@media (max-width:959px) {

	#contatti .col {width:100%;max-width:400px;margin-left:auto;margin-right:auto}

	
	
}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* Footer */


#site-footer .footer-bg-container {position:absolute;z-index:-1;bottom:0;left:0;right:0;height:200%;overflow:hidden}
#site-footer .footer-bg-container::before,
#site-footer .footer-bg-container::after {content:'';position:absolute;display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;z-index:-1;border-radius:50%}

#site-footer .footer-bg-container::before {right:50%;top:20%;width:85%;max-width:1610px;min-width:1100px;background-image:linear-gradient(to right top,#E0FFA1,#fff 88%);opacity:.75}
#site-footer .footer-bg-container::after {left:50%;top:25%;width:80%;max-width:1480px;min-width:900px;background-image:linear-gradient(to right top,#FBF7EF,#fff)}


#site-footer .footer-inner {background:rgb(var(--base-bg));border-top:solid 4px rgb(var(--accent));border-left:solid 1px rgb(var(--bright-cocoa));border-right:solid 1px rgb(var(--bright-cocoa))}

#site-footer .footer-row.loghi-progetto {border-bottom:solid 1px rgb(var(--bright-cocoa))}
#site-footer .footer-row.loghi-progetto .footer-logo {border-right:solid 1px rgb(var(--bright-cocoa));padding:1em;box-sizing:border-box}
#site-footer .footer-row.loghi-progetto .footer-logo img {max-width:240px;width:100%;min-width:60px}

#site-footer .footer-row.loghi-progetto .enti {box-sizing:border-box;padding:40px 40px 48px 52px}
#site-footer .footer-row.loghi-progetto .enti p {margin-bottom:1.5em}

#site-footer .footer-row.footer-diapason {padding:40px 48px 40px 40px}
#site-footer .footer-row.footer-diapason .info-progetto {max-width:612px;width:66%}

#site-footer .footer-meta {padding:40px;border-top:dashed 1px rgb(var(--bright-cocoa))}


@media (max-width:959px) {

	#site-footer .footer-row.loghi-progetto {gap:0}
	#site-footer .footer-row.loghi-progetto .footer-logo {width:100%;border-right:none;border-bottom:dashed 1px rgb(var(--bright-cocoa))}
	#site-footer .footer-row.loghi-progetto .footer-logo img {max-width:120px}
	#site-footer .footer-row.loghi-progetto .enti {width:100%;justify-content:center;padding:2em}
	#site-footer .footer-row.loghi-progetto .enti p {text-align:center}
	#site-footer .footer-row.loghi-progetto .enti .row {gap:1em}
	
	#site-footer .footer-row.footer-diapason {padding:1em}
	#site-footer .footer-row.footer-diapason .logo-diapason {max-width:240px}
	#site-footer .footer-row.footer-diapason .info-progetto {width:100%;padding:0 1em 1em 1em;box-sizing:border-box}
	
	#site-footer .footer-meta {padding:2em;text-align:left}

}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */