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 {
	.page-header.event-page-header {

		background-color: #02007F;

		div.main-action-bar {
			/* background-color: #6495ed; */
		}

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

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

			/* 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: #02007F;

		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-image: url("https://conference.unisalento.it/event/8/attachments/606/872/Lorenz_attractor_yb.svg");
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
				}

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

				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: #02007F;
	}

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

	li.menuConfSelected {
		border-top: 0;

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

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

div.mainContent {

	width: 95%;

	div.col2 div.conference-page {

		header h2 {
			color: #02007F;
		}

		div.page-content {

			color: #777;
			font-size: 1.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;
}