@import url("https://fonts.bunny.net/css?family=montserrat:100,200,300,400,500,600,700,800,900");

:root {

	--main-color-a:                    #6E6E6E;
	--main-color-b:                    #DD6923;

	--greyemperor:                     #555;
	--greysilver:                      #CCC;
	--greygallery:                     #EEE;
	--white:                           #FFF;

	--body-in:                         var(--white);
	--body-out:                        var(--greygallery);

	--banner-url:                      url("https://conference.unisalento.it/event/18/attachments/850/1791/banner.svg");
	--banner-background:               var(--main-color-b);
	--toptoolbar:                      var(--main-color-a);
	--link:                            var(--main-color-b);
	--link-hover:                      var(--main-color-b);

	--leftmenu-background:             var(--main-color-a);
	--leftmenu-border-left:            var(--main-color-b);
	--leftmenu-text:                   var(--white);

	--leftmenu-background-over:        var(--main-color-b);
	--leftmenu-border-left-hover:      var(--main-color-a);
	--leftmenu-text-over:              var(--white);

	--leftmenu-background-selected:    var(--main-color-b);
	--leftmenu-border-left-selected:   var(--main-color-a);
	--leftmenu-text-selected:          var(--white);
}

/* NOTE:

	- non posso usare un override globale tipo "body * {}" perchè andrei a sostituire anche le icone prodotte con Font Awesome 5 Free Solid
	- in alternativa potrei andare a cercare nel file https://conference.unisalento.it/dist/css/main.82dc38ee.css tutte le classi che usano Roboto e sovrascriverle
	- vedi anche indico/web/client/styles/base/_typography.scss indico/web/client/styles/partials/_fonts.scss
	- <i> (spesso usato per icone)
	- vedi https://getindico.io/indico-styleguide/css.html#icons
*/
body :not(i):not(.icon):not([class*="icon-"]):not(.fa):not([class*="fa-"]):not(svg) {
  font-family: "Montserrat", sans-serif !important;
}

body {
	max-width: 1200px;
	margin: auto;
	background-color: var(--body-out);
}

body > main.main,
body > div.footer {
	background-color: var(--body-in);
}

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

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

		div.main-action-bar {
			background-color: var(--toptoolbar);
		}

		.button-bar {
			.i-button:not(.label) {
				color: var(--white);
			}

			.i-button:not(.label):hover {
				background: var(--white);
				color: var(--main-color-a);
			}

			/* 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: var(--banner-background);

		div.confTitle {
			text-align: center;

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

				div.confLogoBox::before {
					content: "";
					display: block;
					width: 100%;
					max-width: 1200px;
					aspect-ratio: 1200 / 280;
					max-height: 280px;
					background-color: var(--banner-background);
					background-image: var(--banner-url);
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
				}

				div.confLogoBox {
					background-color: var(--banner-background);
					width: 100%;
					max-width: 1200px;
					aspect-ratio: 1200 / 280;
					max-height: 280px;
					margin-bottom: 5px;
					padding-right: 0;
				}

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

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

/* ---------------- Left menu ---------------- */
div.conf_leftMenu {

	margin-left: 0.5em;

	ul#outer {

		background-color: var(--leftmenu-background);
		border: 1px solid var(--greysilver);

		li {
			border-bottom: 1px solid var(--greysilver);
		}

		li a {
			color: var(--leftmenu-text);
			border-left: 5px solid var(--leftmenu-border-left); /* evito che il testo slitti verso dx quando si visualizza il bordo */
			background-color: var(--leftmenu-background);
		}

		li a:not(.no-link):hover {
			color: var(--leftmenu-text-over);
			border-left: 5px solid var(--leftmenu-border-left-hover);
			background-color: var(--leftmenu-background-over);
		}

		li.menuConfSelected {
			border-top: 0;

			a {
				color: var(--leftmenu-text-selected);
				border-left: 5px solid var(--leftmenu-border-left-selected);
				background-color: var(--leftmenu-background-selected);
				/*font-weight: bold;*/
			}
		}
	}

	.support_box {
		color: var(--leftmenu-text);
		background-color: var(--leftmenu-background);

		h3 {
			color: var(--leftmenu-text-selected);
			/* border-left: 5px solid var(--leftmenu-border-left-selected); */
			background-color: var(--leftmenu-background-selected);
			border-bottom: 1px solid var(--greysilver);
		}

		ul > li .icon {
			color: var(--leftmenu-text);
		}
	}

	.support_box:hover {
		/* background-color: var(--leftmenu-background-selected); */
		ul > li .icon {
			/* color: var(--leftmenu-text-selected); */
		color: var(--leftmenu-text);
		}
		li a {
			/* color: var(--leftmenu-text-over); */
		color: var(--leftmenu-text);
		}
	}
}

/* ---------------- Page content ---------------- */
a {
	color: var(--link);
}
a:hover {
	color: var(--link-hover);
	/* text-decoration: underline !important; */
}

div.mainContent {

	div.col2 div.conference-page {

		header {

			h2 {
				color: var(--main-color-a);
			}

			div.subtitle-container {
				margin-top: 1em;
			}
		}

		div.page-content {

			h1, h2, h3, h4, h5, h6, td, dl, ol, blockquote {
				color: var(--greyemperor) !important;
			}

			color: var(--greyemperor) !important;
			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;
			}

			.i-box-header .i-box-title {
				color: var(--main-color-a);
			}
		}
	}
}

/* ---------------- registration summary ---------------- */
div#registration-summary.regform-done table.registration-info th.regform-done-caption {
	text-align: left;
	width: unset;
}

/* nascondo i nomi degli autori dei contributi nella revisione */
/* div#reviewing-page.conference-page {
	div.avatar-div img.profile-picture,
	div#abstract-public div.review-summary div.review-summary-content,
	div#abstract-public div.review-item-content div.abstract-authorship-block,
	div.i-box-header:has(time),
	div.i-box-content.submission-info div.info-line label:has(+ ul.author-list),
	div.i-box-content.submission-info div.info-line ul.author-list {
		background-color: blanchedalmond;
		display: none;
	}
} */