@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------
   Portrait orientation (smartphones, etc.) 
-------------------------------------------------------------*/
	
:root {
	--title-size: 2rem;
	--subtitle-size: 1.5rem;
	--title2-size: 1.2rem;
	--big-text-size: 1rem;
	--normal-text-size: 0.7rem;
	--caption-text-size: 0.5rem;
}

#nav-landscape {
	display: none;
}

#nav-portrait {
	display: block;
	width: 100%;
    box-sizing: border-box;
}

h3 {
	text-align: center;
}

div.home-background {
	height: 95vh;
}

div.pnrr-footer-home {
	height: 5vh;
}

span.home-title {
    font-size: 4vw;
}

span.home-subtitle, div.home-normal-text {
    font-size: 3vw;
}

svg.home-background {
	width: 10vw;
	height: 10vw;
}

div.home-navigation {
	bottom: 5.5vh;
}

div.button-archive {
	width: calc(var(--normal-text-size) * 3);
    height: calc(var(--normal-text-size) * 3);
}

div.project-text {
	flex-direction: column;
}

div.project-text > div {
	width: auto;
}

div.project-button {
	margin: 20px 0;
	height: auto;
}

div.project-button > img {
	height: 50px;
}

a.a-institution {
	width: auto;
}

div.team-container, div.div-institutions-container {
	flex-direction: column;
}

img.img-partner {
	width: 10vh;
}

img.img-partner, div.div-team-people {
	padding: 0;
	margin: 0;
	margin-bottom: calc(var(--normal-text-size) * 2);
}

div.div-team-people {
	width: 100%;
}

footer {
	display: none;
}

div.two-columns-page, div.one-column-page {
	display: block;
	position: relative;
	padding: 0;
	padding-top: calc(10vw + calc(var(--normal-text-size) * 3));
	padding-bottom: calc(4vw + calc(var(--normal-text-size) * 3));
}

div.centered-page {
	position: static;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5vw;
	min-width: auto;
}

div.left-bottom-container {
	display: none;
	visibility: collapse;
}

#div-nav {
	position: fixed;
	margin-top: calc(5vw + calc(var(--normal-text-size) * 3));
	background: linear-gradient(to bottom, var(--light-color) 90%, rgba(255, 255, 255, 0) 100%);
}

div.left-container-narrow {
	width: 100vw;
	height: auto;
	padding-top: 1vw;
	padding-right: 2.5vw;
	top: calc(var(--normal-text-size) * 10);
}

div.left-container {
	position: static;
	width: 100%;
	height: auto;
	padding: 0 5vw;
}

div.right-container {
	position: static;
	width: 100%;
	height: auto;
	padding: 0 5vw;
}

div.pagination {
	position: fixed;
    bottom: 0;
    height: calc(var(--normal-text-size) * 3);
    background-color: var(--light-color);
	border: 1px solid var(--dark-color);
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 2vw;
	border-radius: calc(var(--normal-text-size) * 1.5);
	padding: 0 calc(var(--normal-text-size) * 1.5);
	left: calc(50%);
  	transform: translateX(-50%);
	font-size: var(--caption-text-size);
}