#splashscreen {
	display: none;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}
#splashscreen_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 70%;
	z-index: 300;
}
@media only screen and (min-width: 768px) {
	#splashscreen_logo {
		width: 60%;
	}
}
@media only screen and (min-width: 1024px) {
	#splashscreen_logo {
		width: 40%;
	}
}
@media only screen and (min-width: 1600px) {
	#splashscreen_logo {
		width: 30%;
	}
}
#splashscreen .slider li {
	position: relative;
	height: 100vh;
}
#splashscreen .slider img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.controller_projects.action_view > #footer  {
	display: none;
}
body.controller_projects.action_view > #container  {
	padding-top: calc(var(--header-height));
}

#projects {
	display: none;
}
#projects.grid .item .details {
	margin-top: 3px;
}
#projects.list .items.projects,
#projects.grid .items.projects {
	margin-bottom: 40px;
}
#projects.grid .item .columns,
#projects.grid .sorting,
#projects.list .items .item .project_name,
#projects.list .items .item .item_thumbnail,
#projects.list .items .item .column.thumbnail img {
	display: none;
}

#projects.list .sorting .column.button span {
	background: url('../img/arrow.svg') no-repeat right 6px;
	background-size: 8px;
	padding-right: 12px;
}
#projects.list .sorting .column.button span:hover,
#projects.list .sorting .column.button.selected span {
	background: url('../img/arrow_up.svg') no-repeat right 6px;
	background-size: 8px;
}
#projects.list .item .columns {
	display: flex;
}
#projects.list .column {
	padding-right: var(--default-spacing);
	box-sizing: border-box;
}
#projects.list .column.name {
	width: 50%;
}
#projects.list .column.program {
	width: 30%;
	display: none;
}
#projects.list .column.city {
	width: 50%;
}
#projects.list .column.status {
	width: 10%;
	display: none;
}
#projects.list .column.year {
	width: 10%;
	display: none;
}
#projects.list .column.thumbnail {
	width: 30%;
	position: relative;
	display: none;
}
#projects.list .items .item:hover .column.thumbnail img {
	display: block;
	position: absolute;
}
#projects.list .items .item:hover a {
	color: var(--active-color);
}


/*#projects.grid .items .item .item_thumbnail .alt {
	display: none;
}
#projects.grid .items .item:hover .item_thumbnail .alt {
	display: block;
}
#projects.grid .items .item:hover .item_thumbnail .default {
	display: none;
}*/
#project .project_name,
#projects.grid .project_name {
	display: flex;
}
#project .project_name span,
#projects.grid .project_name span {
	width: 50%;
	box-sizing: border-box;
}
#project .project_name span.name,
#projects.grid .project_name span.name {
	padding-right: 10px;
}
#projects.grid .items .item .project_name {
	transition: 0.5s;
}


#projects .sorting {
	display: flex;
}
#projects .sorting .column.button {
	cursor: pointer;
}

#project {
	margin-top: var(--content-margin-top);
}
#project .project_name {
	padding-bottom: calc(var(--default-spacing) - 3px);
}
#project .content {
	display: flex;
	flex-direction: column-reverse;
}
#project .content #footer {
	padding: var(--default-spacing) 0 ;
}
#project .arrow {
	width: 8px;
}
#project_infos {
	margin-bottom: 20px;
}
#project .infos .info {
	display: flex;
	/*font-size: var(--small-font-size);
	line-height: var(--small-line-height);*/
}
#project .infos .info h2 {
	width: calc(100vw / 6);
	/*font-size: var(--small-font-size);
	line-height: var(--small-line-height);*/
	flex-shrink: 0;
}
#project .infos .info .info_value {
	max-width: 400px;;
}
#project #project_infos .description {
	margin-top: 20px;
}
#project #project_infos .description .info_value {
	height: 145px;
	overflow: hidden;
}
#project #project_infos .description .retract {
	cursor: pointer;
	display: none;
	margin-top: var(--default-spacing);
}
#project #project_infos .description .expand {
	cursor: pointer;
	margin-top: var(--default-spacing);
}
#project #project_infos .description.expanded .info_value {	
	height: auto;
}
#project #project_infos .description.expanded .retract {
	display: block;
}
#project #project_infos .description.expanded .expand {
	display: none;
}

@media only screen and (min-width: 768px) {
	#project .content #footer {
		padding: var(--default-spacing) 0 0 0;
	}
	#project .project_name {
		display: none;
	}
	#projects.grid .items .item .project_name.hidden {
		opacity: 0;
		transition: 0.5s;
	}

	#project .content {
		position: relative;
		height: calc(100vh - var(--header-height) - var(--content-margin-top));
		/*display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-gap: var(--default-spacing) var(--default-spacing);*/
	}
	#project .content .column_details {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 50%;
		overflow-y: scroll;
		scrollbar-width: none;
		box-sizing: border-box;
		padding-right: var(--default-spacing);
		/*padding-top: var(--content-margin-top);*/
		padding-bottom: var(--default-spacing);
	}
	#project .content .column_medias {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		left: 50%;
		overflow-y: scroll;
		scrollbar-width: none;
		/*padding-top: var(--content-margin-top);*/
		padding-bottom: var(--default-spacing);
	}
	#project .medias {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-gap: var(--default-spacing) var(--default-spacing);
	}
	#project .medias .media.right {
		width: calc(200% + var(--default-spacing));
	}
	#project .medias .media.right img {
		width: 50%;
		float: right;
	}
	#project .medias .media.colspan2 {
		grid-column: span 2;
	}
	#project .medias .media.margin {
		margin-bottom: 100px;
	}
	#project .medias img {
		margin-bottom: 0;
	}

	#projects.list .column.name {
		width: calc(100% / 6);
	}
	#projects.list .column.program {
		display: block;
		width: calc(100% / 3);
	}
	#projects.list .column.city {
		width: calc(100% / 12);
	}
	#projects.list .column.status {
		width: calc(100% / 12);
		display: block;
	}
	#projects.list .column.year {
		width: calc(100% / 12);
		display: block;
	}
	#projects.list .column.thumbnail {
		width: calc(100% / 4);
		position: relative;
		display: block;
	}
}
@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1600px) {
}