@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #FFF;
	font-size: 16px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}
body.no-front {
	padding-bottom: 80px;
}
/*Rimuovo l'effetto blure per il ridimensionamento delle imagini da browser*/
img.image-style-full-width-content {
	image-rendering: -webkit-optimize-contrast;
	/*image-rendering: pixelated;*/
}
.toolbar .toolbar-tray,
.toolbar-oriented .toolbar-bar {
	z-index: 9999;
}
.contextual {
	position: absolute;
	z-index: 500;
	top: 6px;
	right: 6px;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
}
.field-img-fluid > img {
	max-width: 100%;
	height: auto;
}
.col-right a {
	text-decoration: underline;
}
.col-right hr {
	border-top: 4px solid #000;
	margin-top: 15px;
	margin-bottom: 15px;
}
.col-right hr.first {
	margin-top: 0;
}
.col-right hr.last {
	margin-bottom: 0;
}
#wrap-content .col-right {
	padding-top: 15px;
}
#wrap-content .col-right::after {
	content: '';
	display: block;
	margin-top: 15px;
	margin-left: -15px;
	border-top: 4px solid #000;
}
.col-left hr {
	border-top: 4px solid #000;
	margin-right: 0;
}
@media (min-width: 768px) {
	.col-right hr {
		margin-left: -15px;
	}
	.col-left hr {
		margin-right: -15px;
	}
}
.col-right p {
	text-align: justify;
}
.col-right p.text-align-right {
	text-align: right;
}
@media (max-width: 767px) {
	.col-right::after {
		margin-left: auto;
	}
}

span.data-toggle {
	display: block;
}
/*.col-right > p:last-child {
	margin-bottom: 0;
}*/
.first-element {
	margin-top: 0 !important;
	border-top: 0 !important;
}
.first-element::before {
	display: none !important;
}
.last-element {
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}
.last-element::after {
	display: none !important;
}
.page-project .col-right a,
.page-project .col-right a:hover,
.page-project .field_link a:hover,
.page-project .coordinate {
	color: #429D12;
}
.page-new-meaning .col-right a,
.page-new-meaning .col-right a:hover,
.page-new-meaning .field_link a:hover,
.page-new-meaning .coordinate {
	color: #0083CF;
}
.page-new-meaning a.link:hover {
	text-decoration: none;
}
.page-display-room .col-right a,
.page-display-room .col-right a:hover,
.page-display-room .field_link a:hover,
.page-display-room .coordinate {
	color: #d352ad;
}
.page-display-room a.link:hover {
	text-decoration: none;
}
.page-time-capsule .col-right a,
.page-time-capsule .col-right a:hover,
.page-time-capsule .field_link a:hover,
.page-time-capsule .coordinate {
	color: #003C99;
}
.page-time-capsule a.link:hover {
	text-decoration: none;
}
.page-benchmark a.link {
	font-weight: normal;
	text-decoration: underline;
}
.page-benchmark .col-right a,
.page-benchmark .col-right a:hover,
.page-benchmark .field_link a:hover,
.page-benchmark .coordinate {
	color: #522500;
}
.page-benchmark a.link:hover {
	text-decoration: none;
}
#map-page .fa, #map-page .fas {
	vertical-align: middle;
}
/*a.link:after {
	font-family: 'FontAwesome';
	font-family: 'Font Awesome 5 Free';
	content: " \f0c1";
	font-weight: bold;
}*/

@media (min-width: 768px) {
	#wrap-content .col-left {
		padding-right: 15px;
	}
	#wrap-content .col-right {
		padding-left: 15px;
	}
}

#map {
	width: 100%;
	height: 100vh;
}

body.path-frontpage,
.leaflet-container {
	background: #1a222e;
	font-family: 'Roboto Condensed', sans-serif;
}
.leaflet-control-layers,
.mainMenu .view-content {
	background: transparent;
	box-shadow: none;
	margin-top: 10px;
	padding: 0;
}
.leaflet-control-layers,
.mainMenu .view-content {
	display: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: none;
}
.leaflet-bar,
.leaflet-bar * {
	border-radius: 0px !important;
}
.leaflet-bar a, .leaflet-bar a:hover {
	background-color: #000;
	color: #FFF;
	border-color: #333;
}
.leaflet-bar a.leaflet-disabled {
	background-color: #000;
	color: #999;
}
.leaflet-control-layers label,
.mainMenu .view-content .control-menu-item {
	color: #FFF;
	padding: 2px 3px;
	clear: both;
	transition: all 0.3s;
	margin-bottom: 8px;
}
.leaflet-control-layers label {
	float: right;
}
.mainMenu .control-menu-item {
	float: left;
	cursor: default;
}
.leaflet-control-layers label:hover,
.mainMenu .control-menu-item:hover,
.mainMenu .control-menu-item.hover,
.touch .control-menu-item,
.touch label {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
.leaflet-control-layers label:last-child {
	margin-bottom: 0;
}
.leaflet-control-layers label span,
.mainMenu .control-menu-item {
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px;
}
.leaflet-control-layers label span em,
.mainMenu .control-menu-item em {
	font-style: normal;
	display: none;
	margin-right: 7px;
	margin-left: 7px;
	font-weight: bold;
	letter-spacing: 3px;
	vertical-align: middle;
}
.leaflet-control-layers label:hover em,
.mainMenu .control-menu-item:hover em,
.mainMenu .control-menu-item.hover em,
.touch .control-menu-item em,
.touch label span em {
	display: inline;
	transition: all 0.5s;
}
.leaflet-right .leaflet-control-layers label,
.mainMenu .control-menu-item,
.mainMenu .control-menu-item,
.leaflet-right .touch .control-menu-item,
.leaflet-right .touch label {
	transform-origin: center right;
}
.leaflet-left .leaflet-control-layers label,
.mainMenu .control-menu-item,
.mainMenu .control-menu-item,
#menu-links .control-menu-item,
.leaflet-left .touch .control-menu-item,
.leaflet-left .touch label {
	transform-origin: center left;
}
.leaflet-control-layers label:hover,
.mainMenu .control-menu-item:hover,
.mainMenu .control-menu-item.hover,
.touch .control-menu-item,
.touch label {
	transform: scale(1.4);
	transition: all 0.5s;
}
.touch .control-menu-item,
.touch label {
	transform: scale(1.2);
	margin-top: 10px;
	margin-bottom: 10px;
}
@media (max-width: 960px) {
	.mainMenu .control-menu-item  {
		box-shadow: 0 1px 5px rgba(0,0,0,0.4);
		background-color: #000;
		background-color: rgba(0,0,0,0.7);
		transform: scale(1.2);
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mainMenu .control-menu-item em {
		display: inline;
		transition: all 0.5s;
	}
}
.leaflet-control-layers .leaflet-control-layers-selector {
	display: none;
}
.leaflet-control-layers .icon-filter,
.mainMenu .icon-menu {
	border-radius: 50%;
	padding: 4px;
	box-shadow: 1px 3px 6px #000;
	display: inline-block;
}
.leaflet-control-layers .leaflet-control-layers-selector:checked + span > .icon-filter {
	opacity: 1;
	/*-webkit-filter: grayscale(0%);  Safari 6.0 - 9.0
	filter: grayscale(0%);*/
}
.leaflet-control-layers .leaflet-control-layers-selector + span > .icon-filter {
	opacity: 0.2;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
}
.leaflet-control-layers .leaflet-control-layers .icon-info {
	margin-right: 0px;
}
/* ScrollBar style */
.leaflet-popup-content::-webkit-scrollbar {
	width: 5px;
}
.leaflet-popup-content::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.leaflet-popup-content::-webkit-scrollbar-thumb {
	background: #888;
}
.leaflet-popup-content::-webkit-scrollbar-thumb:hover {
	background: #555;
}
/* end */
.mainMenu {
	left: 10px;
	top: 10px;
	position: fixed;
	z-index: 800;
}
.toolbar-fixed .mainMenu {
	top: 49px;
}
.toolbar-tray-open.toolbar-horizontal .mainMenu {
	top: 89px;
}
.toolbar-tray-open.toolbar-vertical .mainMenu {
	top: 49px;
	left: 249px;
}
.menu-custom a.menu-button,
.mainMenu a.menu-button,
.leaflet-bar a,
.leaflet-bar a:hover {
	display: block;
	font-size: 20px;
	width: 47px;
	height: 47px;
	line-height: 47px;
	background-color: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	transition: 0.2s all;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.menu-custom a.menu-button,
	.mainMenu a.menu-button,
	.leaflet-bar a,
	.leaflet-bar a:hover {
		width: 37px;
		height: 37px;
		line-height: 37px;
	}
}
.menu-custom a.menu-button,
.mainMenu a.menu-button {
	box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
}
.menu-custom a.menu-button:hover,
.mainMenu a.menu-button:hover,
.leaflet-bar a:hover  {
	color: #FFF;
}
.leaflet-bar a.leaflet-disabled:hover {
	color: #999;
}
.leaflet-control-scale-line {
	border-color: #000;
	background: #000;
	background: rgb(0 0 0 / 50%);
	color: #FFF;
}
.leaflet-control-scale-line:not(:first-child) {
	border-top-color: #000;
}
.cls-1 {
	fill:transparent;
	stroke:#000;
	stroke-miterlimit:10;
	stroke-width: 2px;
}
#italy:hover .cls-1 {
	cursor: pointer;
	fill: #afafaf;
	fill: rgba(123, 123, 123, 0.51)
}
#napoli_svg .cls-1 {
	fill: #888;
	stroke: #000;
	stroke-miterlimit:10;
	stroke-width: 2px;
	cursor: pointer;
}
#napoli_svg .cls-1:hover {
	fill: #000;
}
.table-dark tr.dark td,
.table-dark tr.dark th {
	background-color: #000;
}
.table-dark tr.select td,
.table-dark tr.select th {
	color: #000;
	background-color: #FFF;
}
/*@media (min-width: 576px) {
	#map { height: 350px; }
}
@media (min-width: 768px) {
	#map { height: 400px; }
}
@media (min-width: 992px) {
	#map { height: 500px; }
}
@media (min-width: 1200px) {
	#map { height: 700px; }
}*/
.leaflet-div-icon {
	border: none;
	background: transparent;
}
.leaflet-div-icon img {
	position: relative;
	z-index: 10;
}
.marker-pin {
	position: relative;
}
.marker-pin span {
	position: absolute;
	top: 2px;
	padding-left: 6px;
	color: #000;
	display: none;
	visibility: hidden;
}
.leaflet-div-icon .marker-hover {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(36, 75, 154, 0.5);
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	z-index: 9;
	animation-name: markerLoop;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.marker-cluster-small {
	background-color: rgba(43, 67, 102, 0.71);
}
.marker-cluster-small div {
	background-color: #FFF;
}
.marker-cluster-medium {
	background-color: rgba(43, 67, 102, 0.71);
}
.marker-cluster-medium div {
	background-color: #FFF;
}
.marker-cluster span {
	color: #000;
	font-size: 14px;
}
.icon-menu, .icon-filter {
	background: #244b9a;
	height: 40px;
	width: 40px;
}
@media (max-width: 767px) {
	.icon-menu, .icon-filter {
		background: #244b9a;
		height: 33px;
		width: 33px;
	}
}
.pin-benchmark img,
.pin-benchmark .icon-wrap,
.icon-benchmark {
	background: #522500;
}
span.benchmark-color {
	color: #522500;
}
span.project-color {
	color: #429D12;
}
span.time-capsule-color {
	color: #003C99;
}
span.display-room-color {
	color: #D352AD;
}
span.other-blank-histories-color {
	color: #FD8D00;
}
.leaflet-div-icon .pin-benchmark .marker-hover {
	background: rgba(82, 37, 0, 0.5);
}
.pin-project img,
.pin-project .icon-wrap,
.icon-project {
	background: #429D12;
	border-radius: 50%;
}
.leaflet-div-icon .pin-project .marker-hover {
	background: rgba(66, 157, 18, 0.5);
}
.pin-time-capsule img,
.pin-time-capsule .icon-wrap,
.icon-time-capsule {
	background: #003C99;
	border-radius: 50%;
}
.leaflet-div-icon .pin-time-capsule .marker-hover {
	background: rgba(0, 60, 153, 0.5);
}
.pin-new-meaning img,
.pin-new-meaning .icon-wrap,
.icon-new-meaning {
	background: #0083CF;
	border-radius: 50%;
}
.leaflet-div-icon .pin-new-meaning .marker-hover {
	background: rgba(0, 131, 207, 0.5);
}
.pin-display-room img,
.pin-display-room .icon-wrap,
.icon-display-room {
	background: #D352AD;
	border-radius: 50%;
}
.leaflet-div-icon .pin-display-room .marker-hover {
	background: rgba(221, 82, 173, 0.5);
}
.pin-other-blank-histories img,
.pin-other-blank-histories .icon-wrap,
.icon-other-blank-histories {
	background: #FD8D00;
	border-radius: 50%;
}
.leaflet-div-icon .pin-other-blank-histories .marker-hover {
	background: rgba(253, 141, 0, 0.5);
}
.pin-unrealised img,
.pin-unrealised .icon-wrap,
.icon-unrealised {
	background: #E50000;
	border-radius: 50%;
}
.leaflet-div-icon .pin-unrealised .marker-hover {
	background: rgba(229, 0, 0, 0.5);
}
.icon-geographical-map {
	background: #FFF;
}
.icon-extra {
	background: #4B1C9D;
}
.icon-look-around {
	background: #C2616E;
}
.icon-database-index {
	background: #016038;
}
.icon-credits {
	background: #DCC051;
}
.icon-thanks-a-lot {
	background: #36C5DE;
}
.icon-keep-in-touch {
	background: #a1a1a1;
}
.leaflet-div-icon:hover .marker-hover {
	animation-iteration-count: 0;
}
.control-menu-item.deactive {
	cursor: no-drop;
	color: #888;
	pointer-events: none;
}
.control-menu-item.deactive .icon-menu {
	opacity: 0.2;
}
.icon-wrap {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: relative;
	z-index: 100;
}
.icon-wrap::after {
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 5px;
	border-radius: 50%;
	background: #FFF;
	z-index: 10;
}
@keyframes markerLoop {
	0%   {width: 26px; height: 26px;}
	50%  {width: 20px; height: 20px;}
	100% {width: 26px; height: 26px;}
}
/* Loading */
#loading {
	height: 100vh;
	width: 100%;
	background: #FFF;
	position: fixed;
	z-index: 999999;
	cursor: pointer;
}
#loading img {
	position: absolute;
	left: 0;
	height: auto;
	max-width: 100%;
	background-color: #FFF;
}
#rotate {
	width: 200px;
	height: 200px;
	-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	-webkit-animation: 10s rotateRight infinite linear;
		-moz-animation: 10s rotateRight infinite linear;
		animation: 10s rotateRight infinite linear;
}
#wrapper {
	position: absolute;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@-webkit-keyframes rotateRight{
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-moz-keyframes rotateRight{
	100%{ -moz-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes rotateRight{
	100%{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }
}

#content {
	padding: 50px 20px;
	text-align: center;
	position: relative;
	z-index: 999999;
}

/* Page */
@media (min-width: 768px) {
	.col-right {
		border-left: 4px solid #000;
	}
	.col-left {
		padding-right: 0;
	}
}
.cover {
	height: 180px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.col-left .cover {
	display: none;
}
@media (max-width: 767px) {
	.col-right .cover {
		display: block;
		margin-left: auto;
		height: 120px;
	}
	.logo-wrapper {
		width: 120px !important;
		padding-bottom: 0 !important;
	}
	.sticky-wrapper {
		border-bottom: 4px solid #000;
	}
}
@media (min-width: 768px) {
	.col-right .cover { height: 180px; }
}
@media (min-width: 992px) {
	.col-right .cover { height: 240px; }
}
@media (min-width: 1200px) {
	.col-right .cover { height: 287px; }
}
.no-lang {
	padding-top: 34px;
}
.block-language ul.links {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
.block-language ul.links > li > a,
.block-language ul.links > li > span {
	color: #999;
	padding: 5px 10px;
	display: block;
	text-transform: uppercase;
}
.block-language ul.links > li > a.is-active {
	color: #000;
}
.block-language ul.links > li:last-child > a,
.block-language ul.links > li:last-child > span {
	border-left: 1px solid #000;
	padding-right: 0;
}
.no-front h2 {
	text-transform: uppercase;
}
.page-title {
	text-align: right;
	text-transform: uppercase;
	font-weight: 200;
}
.title-content {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 3px;
	text-align: right;
	display: inline;
}
.title-content + p {
	display: inline;
}
.col-right p:nth-child(2) {
	margin-top: 1rem !important;
}
.field_immagine + .field_testo {
	margin-top: 15px;
}
.note {
	font-size: 14px;
	display: block;
}
.note_n {
	font-size: 14px;
}
.img-border {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-left: -15px;
	padding-left: 15px;
}
.row-separate {
	padding-left: 15px;
	margin-left: -15px;
	margin-bottom: 15px;
}
.row-separate + .row-separate::before {
	display: none;
}
/*.row-separate + .row-separate {
	margin-top: -15px;
}*/
.row-separate::after,
.row-separate::before {
	content: '';
	display: block;
	height: 4px;
	background: #000;
	margin-left: -15px;
}
.paragraph.immagine-singola  + .paragraph.testo {
	margin-top: 15px;
}
.row-separate.first-element > *:first-child {
	padding-top: 0;
}
.row-separate img {
	margin-bottom: 15px;
}
.row-separate .owl-carousel img {
	margin-bottom: 0px;
}
@media (max-width: 767px) {
	.row-separate {
		margin-left: 0;
		padding-left: 0;
	}
	.row-separate::after,
	.row-separate::before {
		margin-left: 0;
	}
}
.col-right p.didascalia {
	margin-top: 0 !important;
}
.row-bb {
	border-bottom: 4px solid #000;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: -15px;
	margin-bottom: 15px;
}
.img-border2-1 {
	border-top: 4px solid #000;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
}
.img-border2-2 {
	border-bottom: 4px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
}
.img-stratigrafia {
	padding-bottom: 15px;
}
.owl-carousel {
	margin: 15px 0;
}
.row-separate > .owl-carousel:first-child {
	padding-top: 0;
}
.owl-theme .owl-nav {
	margin-top: 0;
	text-align: left;
}
/*
-- Info Col
*/
.info-point,
.view-colonna-di-sinistra  {
	padding: 15px 0 15px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.info-point .title {
	text-transform: uppercase;
}
.info-point strong,
#info-box h3.title_lable,
.view-colonna-di-sinistra h3.title_lable,
.acknowledgments-linea .field_colonna_sinistra h3 {
	text-transform: uppercase;
	letter-spacing: 3px;
	display: block;
	font-size: initial;
	font-weight: bold;
	margin-bottom: 2px;
}
#info-box > div {
	margin-bottom: 1rem;
}
#info-box .longitude {
	margin-top: 1rem;
}
.info-point .list-group-item {
	text-align: center;
	border: none;
	border-radius: 0 !important;
	flex: 1 1 0;
}
.info-point .icon {
	display: block;
	margin-bottom: 20px;
}
.info-point .icon img {
	max-width: 100%;
	height: auto;
}
a.ext-link,
.field_link a {
	display: block;
	font-weight: bold;
}
a.ext-link.evidence {
	background: #000;
	color: #FFF;
	margin-bottom: 10px;
	padding: 5px;
}
a.ext-link img {
	margin-right: 5px;
	padding: 4px;
}
a.ext-link.v2 img {
	margin-right: 5px;
	padding: 2px;
}
.list-group-item-action:focus, .list-group-item-action:hover {
	background: #FFF;
}
.action-item {
	display: block;
	clear: both;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
	cursor: pointer;
	text-transform: uppercase;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 2px 5px;
	margin-bottom: 8px;
}
.action-item img {
	width: 21px;
	height: 21px;
	float: right;
}
#collapseExtra, #collapseBenchmark {
	margin-right: -15px;
}
#collapseExtra .collapse-internal,
#collapseBenchmark .collapse-internal {
	position: relative;
	margin-top: -15px;
	padding: 15px 15px 0 0;
}
#collapseExtra strong {
	color: #4B1C9D;
}
#collapseBenchmark strong {
	color: #522500;
}
#collapseExtra ul,
#collapseBenchmark ul {
	clear: both;
	padding-left: 0;
	list-style: none;
}
#collapseExtra .field_extra,
#collapseBenchmark .field_extra {
	clear: both;
}
#collapseExtra a:hover i,
#collapseBenchmark a:hover i {
	color: #4B1C9D;
}
#collapseExtra a:hover i,
#collapseBenchmark a:hover i {
	color: #522500;
}
#collapseExtra .extra-content-wrap,
#collapseBenchmark .extra-content-wrap {
	clear: both;
}
#collapseExtra .title,
#collapseBenchmark .title {
	margin-right: 7px;
}
#close-extra {
	position: absolute;
	top: 15px;
	right: 10px;
}
#collapseExtra .item-list,
#collapseBenchmark .item-list {
	position: relative;
}
#collapseExtra .item-list > i,
#collapseBenchmark .item-list > i {
	position: absolute;
	top: 2px;
}
#collapseExtra .item-list > .item-title,
#collapseBenchmark .item-list > .item-title {
	display: block;
	margin-left: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.info-point .list-group .list-item:first-child {
	margin-left: 0;
}
.info-point .list-group .list-item {
	margin-left: 10px;
}
.full-width {
	width: 100%
}
#header-top {
	border-bottom: 4px solid #000;
}
.logo-wrapper {
	display: block;
	text-align: center;
}
@media (max-width: 767px) {
	.logo-wrapper img {
		height: 120px;
	}
	.info-point,
	.sticky-wrapper {
		position: static !important;
		height: auto !important;
		width: auto !important;
	}
	.page-contact .sticky-wrapper {
		display: none;
	}
}
.tabs-label {
	position: absolute;
	right: -21px;
}
.tabs-label img {
	display: block;
	padding: 5px;
	border: 1px solid #CCC;
	border-left: 0;
	border-radius: 0 16px 16px 0;
	background: #EEE;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.tabs-label .select,
.tabs-label img:hover {
	padding-left: 10px;
	background: #FFF;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	transition: all 0.3s;
}
#tab-iconType {
	position: absolute;
	right: 0;
	top: 34px;
	text-align: right;
	z-index: 99;
}
#tab-iconType .label {
	display: block;
	font-size: 14px;
	float: right;
	clear: both;
	cursor: pointer;
	text-transform: uppercase;
	background: #FFF;
	border: 1px solid #FFF;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	padding: 2px 20px 2px 5px;
	margin-bottom: 8px;
	background: #EEE;
	/*box-shadow: 0 1px 5px rgba(0,0,0,0.4);*/
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
#tab-iconType .label.select,
#tab-iconType .label:hover {
	padding-right: 30px;
	background: #FFF;
	border-color: #CCC;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	transition: all 0.3s;
}
#tab-iconType .label.select .lb-title,
#tab-iconType .label:hover .lb-title {
	display: inline-block;
	transition: all 0.3s;
}
#tab-iconType .lb-title {
	display: none;
	margin-left: 10px;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: auto;
  height: 120px;
  perspective: 10000px; /* Remove this if you don't want the 3D effect */
}
@media (min-width: 768px) {
	.flip-card { height: 161px; }
}
@media (min-width: 992px) {
	.flip-card { height: 221px; }
}
@media (min-width: 1200px) {
	.flip-card { height: 268px; }
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: #FFF;
	z-index: 1;
	transform: rotateY(0deg)
}
.flip-card-back {
  background-color: #FFF;
	z-index: 2;
	transform: rotateY(180deg);
}
/* Contact */
.webform .form-submit {
	background-color: #000;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	margin-top: 5px;
	margin-bottom: 15px;
}
.webform .form-submit:active:focus,
.webform .form-submit:active,
.webform .form-submit:focus {
	background-color: #000 !important;
	box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 50%) !important;
}
.webform form label {
	font-weight: bold;
	text-transform: uppercase;
}
.webform form label.form-required:after {
	content: none;
	display: none;
}
.modal-content {
	border-radius: 0;
}
.page-node-type-contatti .view-colonna-di-sinistra {
	padding-top: 35px;
}
.page-node-type-contatti .view-colonna-di-sinistra p {
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 32px;
}
@media (min-width: 768px) {
	.webform form label {
		display: none;
	}
}
@media (max-width: 767px) {
	.page-node-type-contatti .view-colonna-di-sinistra {
		display: none;
	}
}

/* Database Index */
.view-index h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.view-index .view-content hr:first-child {
	display: none;
}
.view-index h3.project {
	color: #429D12;
}
.view-index h3.benchmark {
	color: #522500;
}
.view-index h3.time-capsule {
	color: #003C99;
}
.view-index h3.display-room {
	color: #D352AD;
}
.view-index h3.other-blank-histories {
	color: #FD8D00;
}
.view-index h3.new-meaning {
	color: #0083CF;
}
.database-index-left a {
	text-decoration: underline;
}
.database-index-left h3 {
	font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
	margin-bottom: 0.5rem;
}
.view-index .view-grouping-header {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
.view-index .view-grouping-header::after {
  content: "";
  display: block;
  border-top: 4px solid #000;
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.view-index .view-grouping-header::before {
  content: "";
  display: block;
  border-top: 4px solid #000;
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.view-index .view-grouping-header::before {
  content: "";
  display: block;
  border-top: 4px solid #000;
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.view-index .view-grouping:first-child .view-grouping-header::before {
  display: none;
}

/*Display*/
.page-display-room .owl-nav,
.view-carosello-singol-img .owl-nav {
	position: absolute !important;
	top: 50% !important;
	right: -20px !important;
	margin-top: -30px;
}
.page-display-room .owl-prev,
.view-carosello-singol-img .owl-prev {
	display: none !important;
}
.page-display-room .owl-next,
.view-carosello-singol-img .owl-next {
	font-size: 40px !important;
}
.owl-theme .owl-nav button,
.view-carosello-singol-img .owl-nav button {
	color: #000 !important;
	border: none !important;
}
.owl-theme .owl-nav button:hover,
.view-carosello-singol-img .owl-nav button:hover {
	background: transparent !important;
	color: #d352ad !important;
	outline: none !important;
}
.view-carosello-singol-img .owl-nav button:hover {
	color: #522500 !important;
}
/* Slick slider */
.slick--optionset--carosello-3-elementi .slick-slide {
	margin: 0 7px;
}
.slick--optionset--carosello-3-elementi .slick-list {
	margin: 0 -7px;
}
.slick-lightbox .slick-arrow::before {
	color: #BBB;
}
.media--loading:not([data-animation])::before, .is-b-loading:not([data-animation])::before {
	background: #CCC;
}
/* Carosello con OWL */
.owl-wrapper img {
	max-width: 100%;
	height: auto;
}
/* PDF reader */
#drupal-modal div{
	height: 100%;
}
.ui-dialog .ui-dialog-titlebar-close::after {
  content: "\f00d";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
#drupal-bootstrap4-modal .modal-content {
	height: 80vh;
}
#drupal-bootstrap4-modal .modal-body div {
	height: 100%;
}
/* Gallery */
.view-gallery img {
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.view-gallery .grid > .row {
	margin-right: -7px;
	margin-left: -7px;
	margin-bottom: -15px;
}
.view-gallery .col-gallery {
	padding-right: 7px;
	padding-left: 7px;
}
/* Override di Bootstrap */
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
	padding: 0;
}