/* Dedans grid — replaces Bootstrap layout utilities in VC elements. */

.dedans-grid {
	width: 100%;
	box-sizing: border-box;
}

.dedans-grid--fluid {
	max-width: 100%;
}

.dedans-grid--contained {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.dedans-grid__row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.dedans-grid__row--gap-0 {
	margin-left: 0;
	margin-right: 0;
}

.dedans-grid__row--align-center {
	align-items: center;
}

.dedans-col {
	position: relative;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

.dedans-grid__row--gap-0 > .dedans-col {
	padding-left: 0;
	padding-right: 0;
}

.dedans-col--pad-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.dedans-col--12 { flex: 0 0 100%; max-width: 100%; }
.dedans-col--6 { flex: 0 0 50%; max-width: 50%; }
.dedans-col--4 { flex: 0 0 33.333333%; max-width: 33.333333%; }

.dedans-col--order-1 { order: 1; }
.dedans-col--order-2 { order: 2; }

.dedans-u-hide { display: none !important; }
.dedans-u-show { display: block !important; }
.dedans-u-text-center { text-align: center; }

@media (min-width: 768px) {
	.dedans-col--md-6 { flex: 0 0 50%; max-width: 50%; }
	.dedans-col--md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.dedans-col--order-md-1 { order: 1; }
	.dedans-col--order-md-2 { order: 2; }
	.dedans-u-show-md { display: block !important; }
	.dedans-u-hide-md { display: none !important; }
	.dedans-u-text-md-start { text-align: left; }
}

@media (min-width: 992px) {
	.dedans-col--lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.dedans-col--lg-3 { flex: 0 0 25%; max-width: 25%; }
	.dedans-col--lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.dedans-col--lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
}

.titolo-immagine-corporate {
	display: flex;
	flex-direction: column;
}

.blocchi-in-evidenza .custom-button-container.centro,
.custom-button-container.centro {
	text-align: center;
}

.custom-button-container.destra {
	text-align: right;
}

.custom-button-container.sinistra {
	text-align: left;
}

.modal-header,
.modal-body,
.modal-footer {
	position: relative;
}

.modal-header.justify-content-end,
.modal-body.justify-content-center,
.modal-footer.justify-content-center {
	display: flex;
	justify-content: inherit;
}

.modal-body.text-center,
.modal-footer.text-center {
	text-align: center;
}