body {
	max-width: 1200px;
	margin: auto;
	background-color: #eee;
}

body > main.main,
body > div.footer {
	background-color: #fff;
}

.confTitle,
#confSectionsBox {
	width: 100%;
	max-width: 1200px;
}

/* ----------- Top tool bar ----------- */
div.header {
	div.page-header.event-page-header {

		div.main-action-bar {
			background-color: #283583;
		}

		.button-bar {
			.i-button:not(.label) {
				color: #fff;
			}

			.i-button:not(.label):hover {
				background: #fff;
				color: #283583;
			}

			/* Customisation -> Layout -> Show navigation bar */
			/* .icon-home .icon-first .icon-prev .icon-collapse */

			/* cambia tema */
			.i-button.icon-layout,
			/* scarica materiale */
			.i-button.icon-package-download,
			span.separator {
				display: none;
			}
		}
	}
}

/* ----------- Logo header ----------- */
div.confheader {
	div.confTitleBox {

		background-color: #8b1768;

		div.confTitle {
			text-align: center;

			h1 a span.conference-title-link {
				padding: 0 0 5px 0;

				div.confLogoBox::before {
					content: "";
					display: block;
					width: 1200px;
					height: 280px;
					background-color: #8b1768;
					background-image: url("https://conference.unisalento.it/event/24/attachments/861/1902/SDD2026_banner.svg");
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
				}

				div.confLogoBox {
					background: #fff;
					width: 1200px;
					height: 280px;
					margin-bottom: 5px;
				}

				/* conference title */
				span {
					display: none;
				}
			}
		}
	}

	div.confSubTitleBox div.confSubTitleContent div.datePlace {
		display: none;
	}
}

/* ---------------- Left menu ---------------- */
div.conf_leftMenu ul#outer {

	background: #f1f8fe;
	border: 1px solid #ccc;

	li {
		border-bottom: 1px solid #ccc;
	}

	li a {
		color: #283583;
	}

	li a:not(.no-link):hover {
		/* border-left: 3px solid #283583; */
		color: #fff;
		background: #283583;
	}

	li.menuConfSelected {
		border-top: 0;

		a {
			background: #283583;
			border-left: 5px solid #8b1768;
			color: #fff;
			/*font-weight: bold;*/
		}
	}
}

/* ---------------- Page content ---------------- */
a {
	color: #283583;
}

div.mainContent div.col2 div.conference-page {

	header h2 {
		color: #283583;
	}

	div.page-content {

		color: #555;
		font-size: 1.2em;
		padding-right: 2em;

		div.conferenceDetails div.description {
			/* attenzione: i due em si moltiplicano quindi imposto 1! */
			font-size: 1em;
		}

		p {
			/* [left|justify] */
			text-align: left;
		}

		ul li {
			padding-bottom: 0.5em;
		}
	}
}

/* ---------------- Image gallery ---------------- */
.image-gallery-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
}

.image-gallery-grid-3 {
	gap: 30px !important;
}

.image-gallery-grid .image-gallery-item {
	flex: 1 1 30%;
	/* Adjusts the width of the images */
	display: flex;
	justify-content: center;
	text-align: center;
}

.image-gallery-grid .image-gallery-item img {
	max-height: 120px;
}