/*
 GALLERY CLASSICA ( variabile "gutter" definita in "gutenberg.css" )
*/
.the_gallery {
	clear:both; float:none;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start;

	-webkit-align-content:flex-start;
	-ms-flex-line-pack:start;
	align-content:flex-start;

	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	
	margin-left:var(--gutter-acf-neg); /* Adjustment for the gutter */
	counter-reset:brick;
}
.miniature {
	margin:0 0 var(--gutter-acf) var(--gutter-acf);  /* Some Gutter */
	position:relative;
	display:flex;
	height:auto;
	min-width:150px;
}
.miniature a { display:flex; }
.miniature img {
	object-fit:cover;
	object-position:50% 50%;
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	margin-bottom:0 !important;
}
.colonne-5 .miniature { width:calc((100% - var(--gutter-acf)*5) / 5 ); }
.colonne-4 .miniature { width:calc((100% - var(--gutter-acf)*4) / 4 ); }
.colonne-3 .miniature { width:calc((100% - var(--gutter-acf)*3) / 3 ); }
.colonne-2 .miniature { width:calc((100% - var(--gutter-acf)*2) / 2 ); }
@media only screen
and (min-width:769px)
and (max-width:1024px) {
	.colonne-5 .miniature { width:calc((100% - var(--gutter-acf)*4) / 4 ); }
	.colonne-4 .miniature { width:calc((100% - var(--gutter-acf)*3) / 3 ); }
	.colonne-3 .miniature { width:calc((100% - var(--gutter-acf)*2) / 2 ); }
	.colonne-2 .miniature { width:100%; }
}
@media only screen
and (min-width:481px)
and (max-width:768px) {
	.colonne-5 .miniature { width:calc((100% - var(--gutter-acf)*3) / 3 ); }
	.colonne-4 .miniature { width:calc((100% - var(--gutter-acf)*2) / 2 ); }
	.colonne-3 .miniature { width:calc((100% - var(--gutter-acf)*2) / 2 ); }
	.colonne-2 .miniature { width:100%; }
}
@media only screen
and (max-width:480px) {
	.colonne-5 .miniature { width:calc((100% - var(--gutter-acf)*2) / 2 ); }
	.colonne-4 .miniature { width:100%; }
	.colonne-3 .miniature { width:100%; }
	.colonne-2 .miniature { width:100%; }
}
@media only screen
and (max-width:400px) {
	.colonne-5 .miniature { width:100%; }
}
/* rimuovo bordo */
.the_gallery.collassa-bordi {
	margin-left:0;
}
.the_gallery.collassa-bordi .miniature {
	margin:0;
}

/*
 MASONRY ( variabile "gutter" definita in "gutenberg.css" )
*/
.masonry {
	clear:both; float:none;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	margin-left:var(--gutter-acf-neg); /* Adjustment for the gutter */
	counter-reset:brick;
}
.brick {
	margin:0 0 var(--gutter-acf) var(--gutter-acf);  /* Some Gutter */
	position:relative;
	flex:auto;
	height:250px;
	min-width:150px;
}
.masonry img {
	object-fit:cover;
	object-position:50% 50%;
	width:100%;
	height:100%;
	max-width:100%;
	vertical-align:middle;
}
@media only screen and (min-width:1280px) {
	.brick:nth-child(4n+1) { width:250px; }
	.brick:nth-child(4n+2) { width:325px; }
	.brick:nth-child(4n+3) { width:180px; }
	.brick:nth-child(4n+4) { width:380px; }
}
@media only screen and (max-width:1279px) and (min-width:768px) {
	.brick:nth-child(4n+1) { width:200px; }
	.brick:nth-child(4n+2) { width:250px; }
	.brick:nth-child(4n+3) { width:150px; }
	.brick:nth-child(4n+4) { width:280px; }
}
/* rimuovo bordo */
.collassa-bordi .masonry {
	margin-left:0;
}
.collassa-bordi .masonry .brick {
	margin:0;
}

/*
 MASONRY ALT
*/
.masonry-alt {
	clear:both; float:none;
	   -moz-column-gap:var(--gutter-acf);
	-webkit-column-gap:var(--gutter-acf);
	        column-gap:var(--gutter-acf);

	   -moz-column-fill:initial;
	-webkit-column-fill:initial;
	        column-fill:initial;
	counter-reset:brick;
}
.masonry-alt .brick-alt {
	margin-bottom:var(--gutter-acf);
	position:relative;
}
.masonry-alt img {
	width:100%;
	vertical-align:bottom;
	margin-bottom:0 !important;
}

@media only screen and (min-width:1024px) {
	.masonry-alt {
		-moz-column-count:4;
		-webkit-column-count:4;
		column-count:4;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	.masonry-alt {
		-moz-column-count:3;
		-webkit-column-count:3;
		column-count:3;
	}
}
@media only screen and (min-width:320px) and (max-width:767px) {
	.masonry-alt {
		   -moz-column-count:2;
		-webkit-column-count:2;
		        column-count:2;
	}
}
/* rimuovo bordo */
.collassa-bordi .masonry-alt {
	   -moz-column-gap:0;
	-webkit-column-gap:0;
	        column-gap:0;
}
.collassa-bordi .masonry-alt .brick-alt {
	margin-bottom:0;
}

/* GALLERY e MASONRY (ALL) CAPTIONS */
.acf-carouslider .single-item,
.miniature,
.brick-alt,
.brick {
	position:relative; top:0; left:0;
	overflow:hidden;
}
.acf-carouslider .single-item .didasc,
.miniature .didasc,
.brick-alt .didasc,
.brick .didasc {
	position:absolute; bottom:0; left:0;
	width:100%;
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.3s ease;
	   -moz-transition:opacity 0.3s ease;
	    -ms-transition:opacity 0.3s ease;
	     -o-transition:opacity 0.3s ease;
	        transition:opacity 0.3s ease;
	background:rgba(0,0,0,0);
	color:#fff;
	padding:5px;
	margin:0;
	font-size:13px;
	text-align:center;
}
.acf-carouslider .single-item:hover .didasc,
.miniature:hover .didasc,
.brick-alt:hover .didasc,
.brick:hover .didasc {
	filter:alpha(opacity=100);
	opacity:1;
	background:rgba(0,0,0,0.5);
}
@media only screen
and (max-width:980px) {
	.acf-carouslider .single-item .didasc,
	.miniature .didasc,
	.brick-alt .didasc,
	.brick .didasc {
		display:none;
	}
}
/* ROLLOVER SCRIPT */
.acf-carouslider .single-item a img,
.the_gallery a img,
.the_masonry a img,
.the_masonry a.active img {
	/*filter:blur(0px) grayscale(0%);*/
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.acf-carouslider .single-item a.not-active img,
.the_gallery a.not-active img,
.the_masonry a.not-active img {
	/*filter:blur(1px) grayscale(80%);*/
}
.acf-carouslider .single-item a.active img,
.the_gallery a.active img,
.the_masonry a.active img {
	-webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
		 -o-transform:scale(1.1);
		-ms-transform:scale(1.1);
			transform:scale(1.1);
}
.acf-carouslider .single-item a img,
.the_gallery a img,
.the_masonry a img,
.the_masonry a.not-active img {
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
		 -o-transform:scale(1);
		-ms-transform:scale(1);
			transform:scale(1);
}

/* NUMERAZIONE AUTOMATICA ( DEBUG MASONRY )
.brick-alt:after,
.brick:after {
	counter-increment:brick;
	content:counter(brick);

	position:absolute;
	top:50%;
	left:50%;
	z-index:5000;
	transform:translate(-50%, -50%);
	font-weight:700;
	font-size:1.25em;
}
*/


/* SHAPE DIVIDER */
.wp-block-cover.shapeDivider,
.wp-block-group.shapeDivider { position:relative; top:0; left:0; }
.wp-block-cover.shapeDivider .wp-block-cover__inner-container,
.wp-block-group.shapeDivider .wp-block-group__inner-container { width:100%; }
.wp-block-cover.shapeDivider .wp-block-cover__inner-container > *,
.wp-block-group.shapeDivider .wp-block-group__inner-container > * { position:relative; z-index:1; }
div.shape-divider {
	z-index:0 !important;
	position:absolute !important; left:0; width:100%;
	margin:0; padding:0;
}
div.shape-divider img { object-position:50% 0% !important; width:100%; height:100%; }

div.shape-divider img.copre { object-fit:cover !important; }
div.shape-divider img.riempie { object-fit:fill !important; }
div.shape-divider img.contiene { object-fit:contain !important; }

div.shape-divider.flipH { transform:scaleX(-1); }
div.shape-divider.flipV { transform:scaleY(-1); }
div.shape-divider.ruota180 { transform:rotate(180deg); }

div.shape-divider.top { top:0; }
div.shape-divider.bottom { bottom:0; }


/* TABS to ACCORDION */
#tabaccordion {
	clear:both; float:none;
	margin-bottom:var(--spazio);
}
.r-tabs .r-tabs-nav {
	margin:0; padding:0;
}
.r-tabs .r-tabs-tab {
	display:inline-block;
	margin:0;
	list-style:none;
}
.r-tabs .r-tabs-panel {
	padding:15px;
	display:none;
}
/* Tabs container */
.r-tabs {
	position:relative;
	background-color:var(--colore-01);
	border:1px solid var(--colore-01);
	border-radius:4px;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position:relative;
	background-color:var(--colore-01);
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display:inline-block;
	padding:10px 12px;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	color:#fff;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity:0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color:var(--colore-01);
	background-color:#fff;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color:#fff;
	border-bottom:4px solid #fff;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display:block;
	padding:10px;
	background-color:var(--colore-01);
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color:#fff;
	color:var(--colore-01);
}
/* toggle and breakpoints */
.r-tabs .r-tabs-accordion-title {
	display:none;
}
@media only screen and (max-width:768px) {
	#tabaccordion.responsivo.r-tabs .r-tabs-nav {
		display:none;
	}
	#tabaccordion.responsivo.r-tabs .r-tabs-accordion-title {
		display:block;
	}
}
@media only screen and (min-width:1px) {
	#tabaccordion.fisarmonica.r-tabs .r-tabs-nav {
		display:none;
	}
	#tabaccordion.fisarmonica.r-tabs .r-tabs-accordion-title {
		display:block;
	}
}
/* fisarmonica freccia x aperto/chiuso */
#tabaccordion div.r-tabs-accordion-title a.r-tabs-anchor { position:relative; top:0; left:0; padding-right:40px; }
#tabaccordion div.r-tabs-accordion-title a.r-tabs-anchor::after {
	position:absolute; top:calc(50% - 5px); right:20px;
	display:block; content:"";
	width:10px; height:10px;
	border-bottom:2px solid;
	border-right:2px solid;
	transform:rotate(45deg);
}
#tabaccordion div.r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor::after {
	transform:rotate(-135deg);
}
/* reset per listato con icona */
.entry-content ul.tabaccordion-tabs {
	list-style-type:none;
	margin:0; padding:0;
}
.entry-content ul.tabaccordion-tabs li {
	background-image:none;
	margin:0; padding-left:0;
}

/* PROGRESS BAR */
.progress {
	clear:both; float:none;
	background-color:#efefef;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 2px 0px inset;
	box-sizing:border-box;
	color:rgb(51, 51, 51);
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}
.progress-bar {
	line-height:34px;
	height:34px; /* 1 di 2 */
}
.progress-bar p {
	height:34px; /* 2 di 2 */
	background-color:var(--colore-01);
	box-shadow:rgba(0, 0, 0, 0.15) 0px -1px 0px 0px inset;
	box-sizing:border-box;
	color:rgb(255, 255, 255);
	/*float:left;*/
	transition-delay:0s;
	transition-duration:0.6s;
	transition-property:width;
	transition-timing-function:ease;
	text-align:right;
	padding-right:0.5em;
	margin:0;
}

/* PROGRESS CIRCLE */
section.progresscircle {
	clear:both; float:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:stretch;
	align-items:stretch;
}
section.progresscircle div.svg-container {
    margin:1%;
	max-width:400px;
}
section.progresscircle div.svg-container svg text {
    font-size:0.6em;
	transform:translateY(-4px);
}

/* 5 */
@media (min-width:1025px) { /* 5 per riga */
	section.progresscircle div.colonne-5 {
		flex-basis:calc((100% - 2%*4) / 5 );
	}
	section.progresscircle div.colonne-5:first-child {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-5:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:1024px)
   and (min-width:561px) { /* 2,3 per riga */
	section.progresscircle div.colonne-5 {
		flex-basis:calc((100% - 2%*2) / 3 );
	}
	section.progresscircle div.colonne-5:nth-child(1),
	section.progresscircle div.colonne-5:nth-child(2) {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	section.progresscircle div.colonne-5:nth-child(1),
	section.progresscircle div.colonne-5:nth-child(3) {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-5:nth-child(2),
	section.progresscircle div.colonne-5:nth-child(5) {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    section.progresscircle div.colonne-5 {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 4 */
@media (min-width:1025px) { /* 4 per riga */
	section.progresscircle div.colonne-4 {
		flex-basis:calc((100% - 2%*3) / 4 );
	}
	section.progresscircle div.colonne-4:first-child {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-4:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:1024px)
   and (min-width:561px) { /* 2 per riga */
	section.progresscircle div.colonne-4 {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	section.progresscircle div.colonne-4:nth-child(2n+1) {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-4:nth-child(2n+2) {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    section.progresscircle div.colonne-4 {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 3 */
@media (min-width:781px) { /* 3 per riga */
	section.progresscircle div.colonne-3 {
		flex-basis:calc((100% - 2%*2) / 3 );
	}
	section.progresscircle div.colonne-3:first-child {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-3:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:780px) 
   and (min-width:561px) { /* 1,2 per riga */
	section.progresscircle div.colonne-3:nth-child(1) {
		flex-basis:100%;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	section.progresscircle div.colonne-3:nth-child(2) {
		flex-basis:calc((100% - 2%*1) / 2 );
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-3:nth-child(3) {
		flex-basis:calc((100% - 2%*1) / 2 );
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    section.progresscircle div.colonne-3 {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 2 */
@media (min-width:561px) { /* 2 per riga */
	section.progresscircle div.colonne-2 {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	section.progresscircle div.colonne-2:first-child {
		margin-left:0 !important;
	}
	section.progresscircle div.colonne-2:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    section.progresscircle div.colonne-2 {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 1 */
section.progresscircle div.colonne-1 {
	margin-left:0 !important;
	margin-right:0 !important;
	flex-basis:100% !important;
}


/* CONTATORE */
section.contatori {
	clear:both; float:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:stretch;
	align-items:stretch;
}
section.contatori .contatore {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	/*min-height:212px;*/
	padding:10px 5px 20px 5px;
	border:2px solid var(--colore-02);
}
section.contatori .contatore .counter {
	font-size:2em;
	color:var(--colore-01)
}
section.contatori .contatore .didascalia {
	text-align:center;
}
/* 5 */
@media (min-width:1025px) { /* 5 per riga */
	.contatore-5-colonne {
		flex-basis:calc((100% - 2%*4) / 5 );
	}
	.contatore-5-colonne:first-child {
		margin-left:0 !important;
	}
	.contatore-5-colonne:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:1024px)
   and (min-width:561px) { /* 2,3 per riga */
	.contatore-5-colonne {
		flex-basis:calc((100% - 2%*2) / 3 );
	}
	.contatore-5-colonne:nth-child(1),
	.contatore-5-colonne:nth-child(2) {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	.contatore-5-colonne:nth-child(1),
	.contatore-5-colonne:nth-child(3) {
		margin-left:0 !important;
	}
	.contatore-5-colonne:nth-child(2),
	.contatore-5-colonne:nth-child(5) {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    .contatore-5-colonne {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 4 */
@media (min-width:1025px) { /* 4 per riga */
	.contatore-4-colonne {
		flex-basis:calc((100% - 2%*3) / 4 );
	}
	.contatore-4-colonne:first-child {
		margin-left:0 !important;
	}
	.contatore-4-colonne:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:1024px)
   and (min-width:561px) { /* 2 per riga */
	.contatore-4-colonne {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	.contatore-4-colonne:nth-child(2n+1) {
		margin-left:0 !important;
	}
	.contatore-4-colonne:nth-child(2n+2) {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    .contatore-4-colonne {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 3 */
@media (min-width:781px) { /* 3 per riga */
	.contatore-3-colonne {
		flex-basis:calc((100% - 2%*2) / 3 );
	}
	.contatore-3-colonne:first-child {
		margin-left:0 !important;
	}
	.contatore-3-colonne:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:780px) 
   and (min-width:561px) { /* 1,2 per riga */
	.contatore-3-colonne:nth-child(1) {
		flex-basis:100%;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.contatore-3-colonne:nth-child(2) {
		flex-basis:calc((100% - 2%*1) / 2 );
		margin-left:0 !important;
	}
	.contatore-3-colonne:nth-child(3) {
		flex-basis:calc((100% - 2%*1) / 2 );
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    .contatore-3-colonne {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}

/* 2 */
@media (min-width:561px) { /* 2 per riga */
	.contatore-2-colonne {
		flex-basis:calc((100% - 2%*1) / 2 );
	}
	.contatore-2-colonne:first-child {
		margin-left:0 !important;
	}
	.contatore-2-colonne:last-child {
		margin-right:0 !important;
	}
}
@media (max-width:560px) {
    .contatore-2-colonne {
		margin-left:0 !important;
		margin-right:0 !important;
		flex-basis:100% !important;
    }
}


/* TIMELINE */
/* vertical ruler */
.the_timeline {
	clear:both; float:none;
	position:relative;
}
.the_timeline:after {
	content:'';
	position:absolute;
	width:3px;
	background-color:var(--colore-00);
	top:0; bottom:0;
	left:50%;
	margin-left:-1px;
}

/* timelines */
.timelines {
	padding:20px 30px;
	position:relative; top:0;
	width:50%;
	z-index:9;
}
.timelines:nth-child(odd) {
	left:0;
}
.timelines:nth-child(even) {
	left:50%;
}

/* content */
.timestory {
	background-color:var(--colore-00);
	position:relative;
	border-radius:6px;
	overflow:hidden;
}
.timestory h4 {
	font-size:1.2em;
	padding:20px 30px;
	background-color:var(--colore-01);
	color:#000;
	margin-bottom:0 !important;
}
.timecontent {
	padding:20px 30px;
	color:#000;
}

/* circles */
.timelines:after {
	content:'';
	position:absolute;
	width:24px;
	height:24px;
	background-color:var(--colore-01);
	border:5px solid #fff;
	top:36px;
	border-radius:50%;
	z-index:1;
	right:-12px;
}
/* fix circle for right timeliness */
.timelines:nth-child(even):after {
	left:-12px;
}

/* arrows */
.timelines:nth-child(odd):before,
.timelines:nth-child(even):before {
	content:'';
	height:0;
	position:absolute;
	top:38px;
	width:0;
	z-index:1;
	border:medium solid var(--colore-01);
}
.timelines:nth-child(odd):before {
	right:20px;
	border-width:10px 0 10px 10px;
	border-color:transparent transparent transparent var(--colore-01);
}
.timelines:nth-child(even):before {
	left:20px;
	border-width:10px 10px 10px 0;
	border-color:transparent var(--colore-01) transparent transparent;
}

@media screen and (max-width:600px) {
	/* timelime to the left */
	.the_timeline:after {
		left:31px;
	}
	/* full-width timeliness */
	.timelines {
		width:100%;
		padding-left:60px;
		padding-right:25px;
	}
	/* all arrows are pointing leftwards */
	.timelines:nth-child(odd):before, .timelines:nth-child(even):before {
		left:50px;
		border:medium solid var(--colore-01);
		border-width:10px 10px 10px 0;
		border-color:transparent var(--colore-01) transparent transparent;
	}
	/* all circles at the same spot */
	.timelines:nth-child(odd):after, .timelines:nth-child(even):after {
		left:19px;
	}
	/* all right timeliness like the left ones */
	.timelines:nth-child(even) {
		left:0%;
	}
}

@media screen and (max-width:560px) {
	/* (WAS) timelime to the left */
	.the_timeline:after {
		display:none;
	}
	/* (WAS) full-width timeliness */
	.timelines {
		padding-left:0;
		padding-right:0;
	}
	/* (WAS) all arrows are pointing leftwards */
	.timelines:nth-child(odd):before, .timelines:nth-child(even):before {
		display:none;
	}
	/* (WAS) all circles at the same spot */
	.timelines:nth-child(odd):after, .timelines:nth-child(even):after {
		display:none;
	}
}

/* WRAPPER */
p.the_wrapper_close { /* 1 di 2: ok no asterisco in questo! */
	display:none;
}

/* YOUTUBE TO MODAL */
@keyframes modal-video {
	from { opacity:0 }
	to { opacity:1 }
}
@keyframes modal-video-inner {
	from { transform:translate(0, 100px) }
	to { transform:translate(0, 0) }
}
.modal-video {
	position:fixed;
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:1000000;
	cursor:pointer;
	opacity:1;
	animation-timing-function:ease-out;
	animation-duration:.3s;
	animation-name:modal-video;
	-webkit-transition:opacity .3s ease-out;
	-moz-transition:opacity .3s ease-out;
	-ms-transition:opacity .3s ease-out;
	-o-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out
}
.modal-video-close {
	opacity:0
}
.modal-video-close .modal-video-movie-wrap {
	-webkit-transform:translate(0, 100px);
	-moz-transform:translate(0, 100px);
	-ms-transform:translate(0, 100px);
	-o-transform:translate(0, 100px);
	transform:translate(0, 100px)
}
.modal-video-body {
	max-width:940px;
	width:100%; height:100%;
	margin:0 auto;
	display:table
}
.modal-video-inner {
	display:table-cell;
	vertical-align:middle;
	width:100%; height:100%
}
.modal-video-movie-wrap {
	background-color:#333;

	width:100%; height:0;
	position:relative;
	padding-bottom:56.25%;
	animation-timing-function:ease-out;
	animation-duration:.3s;
	animation-name:modal-video-inner;
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	-ms-transition:-ms-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out
}
.modal-video-movie-wrap iframe {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%
}
.modal-video-close-btn {
	position:absolute;
	z-index:2;
	top:5px; right:5px;
	display:inline-block;
	width:35px; height:35px;
	overflow:hidden;
	border:none;
	background:transparent;
}
.modal-video-close-btn:hover { background:transparent; }

.modal-video-close-btn:before { transform:rotate(45deg) }
.modal-video-close-btn:after { transform:rotate(-45deg) }
.modal-video-close-btn:before, .modal-video-close-btn:after {
	content:'';
	position:absolute;
	width:100%; height:2px;
	top:50%; left:0;
	background:#fff;
	border-radius:5px;
	margin-top:-6px
}
.la-galleria-video { display:flex; flex-direction:row; flex-wrap:wrap; }
.la-galleria-video div.galleria-video { display:flex; flex-direction:column; flex:1 0 320px; margin:0 10px 20px 10px; }
.la-galleria-video div.galleria-video > a {
	width:100%; height:0;
	padding-top:60%;
	background-position:center center; background-size:cover;
	position:relative; top:0; left:0;
}
.la-galleria-video div.galleria-video > a:after {
	position:absolute; top:0; left:0;
	content:"";
	display:block;
	width:100%; height:100%;
	background:url(images/assets/galleria-video-play.png) center center no-repeat;
}
.la-galleria-video div.descrizione_video { margin-top:15px; }
.la-galleria-video div.descrizione_video p { font-size:0.9em; }