.row.capitoli-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}
	.row.capitoli-flex > [class*='col-'] {
		display: flex;
		flex-direction: column;

	}
		.row.capitoli-flex a.capitolo {
			display:block;
			font-size:18px;
			font-weight:700;
			padding:10px 10px 10px 75px;
			height:calc(100% - 30px);
			margin-bottom:30px;
			position:relative;
			background:#fff;
			border:solid 1px #ddd;
			border-radius:5px !important;
			color:rgba(163,29,53,.9);
			text-decoration:none;
			transition:all .3s;
			overflow:hidden;
			min-height:85px;
		}
		.row.capitoli-flex a.capitolo:hover {
			color:rgba(163,29,53,1);
			box-shadow:0 5px 12px rgba(0,0,0,.3);
		}
			.row.capitoli-flex a.capitolo>i.fa {
				position:absolute;
				top:-10px;
				left:-10px;
				font-size:140px;
				line-height:140px;
				height:140px;
				width:140px;
				color:rgba(163,29,53,.1)
			}
			.row.capitoli-flex a.capitolo h3.titolo {
				font-size:18px;
				margin:0 0 8px 0;
				font-weight:700 !important;
			}
			.row.capitoli-flex a.capitolo h3.autori {
				font-size:15px;
				margin:0 0 0 0;
			}


h3.capitolo {
	font-size:22px;
	margin:30px 0 10px 0;
}
h3.autori {
	font-size:18px;
	margin:0 0 10px 0;
}
	h3.autori em {
		font-style:italic;
	}
.row.content-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}
	.row.content-flex > [class*='col-'] {
		display: flex;
		flex-direction: column;

	}
		.content-flex a.capitolo {
			display:block;
			font-size:18px;
			font-weight:700;
			padding:10px 10px 10px 75px;
			height:calc(100% - 30px);
			margin-bottom:30px;
			position:relative;
			background:#a31d35;
			border-radius:5px !important;
			color:rgba(255,255,255,.9);
			text-decoration:none;
			transition:all .3s;
			min-height:85px;
		}
		.content-flex a.capitolo:hover {
			color:rgba(255,255,255,1);
			background:#bf0f2f;
			box-shadow:0 5px 12px rgba(0,0,0,.3);
		}
			.content-flex a.capitolo>i.fa {
				position:absolute;
				top:0;
				left:0;
				font-size:65px;
				line-height:65px;
				height:65px;
				width:65px;
				color:rgba(255,255,255,.2);
				transition:all 1s;
			}
			.content-flex a.capitolo>i.fa.fa-youtube {
				font-size:80px;
				line-height:80px;
				height:80px;
				width:80px;
			}
			.content-flex a.capitolo:hover>i.fa {
				color:rgba(255,255,255,.55);
			}
			.content-flex a.capitolo>h3 {
				font-size:14px;
			}


.contentuti-multimediali .modal.default .modal-body {
	max-height: calc(100vh - 170px);
}
.contentuti-multimediali-intorduzione {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}
.contentuti-multimediali-intorduzione.item-empty {
	margin: 0 0 0 0 !important;
}
#main .contentuti-multimediali {
	display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    flex: auto;
}
#main .contentuti-multimediali.lista-capitoli {
	min-height: 0;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
#main .contentuti-multimediali hr.contentuti-multimediali-separator {
	margin-top: auto;
}
.contentuti-multimediali audio {
    width: 100%;
	margin: 50px 0;
}
.contentuti-multimediali .modal.default .multimedia-image {
	max-height: calc(100vh - 240px);
	margin-bottom: 10px;
}
.contentuti-multimediali .modal.default .multimedia-video {
	width: 100%;
    height: calc((1000px - 30px) * 9 / 16);
	max-height: calc(100vh - 240px);
	margin-bottom: 10px;
}
.contentuti-multimediali .modal.default .modal-body iframe {
    width: 100%;
    height: calc((1000px - 30px) * 9 / 16);
	max-height: calc(100vh - 240px);
}

.contentuti-multimediali .modal.default .modal-dialog {
    width: calc(100% - 20px);
    max-width: 1000px;
}