/* ---------- OVERALL SETTINGS------------------------ */

@import url("https://use.typekit.net/pwp5lmn.css");

:root{
	font-family: "neue-haas-grotesk-display", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#333;
	font-size: calc(1em + 0.4vw);
	line-height:1.5;
}
body{
	margin:0px;
	padding:0px;
	background-color:#fff;
}
#upper{
	display:flex;
	flex-direction:row;
	align-items:center;
	padding:1rem;
	padding-bottom:0;
}
#top{
	text-align:left;
	flex:4 1 0;
}
#top h2{
	font-weight:100;
	font-size:2rem;
	margin:0px;
	padding:0px;
}
#hamburger{
	display:flex;
	flex:1 1 0;
	background-image:url("../images/hamburger.svg");
	background-size:auto 80%;
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	background-color:transparent;
	width:100%;
	height:3rem;
	transition: all 0.5s ease;
}
/* ---------- Create standard transformations----------------- */
.rotate{
     transform: rotate(90deg);
}

#navigation{
	padding:1rem;
	padding-bottom:0;
	transition: all 0.5s ease;
}

#navigation ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	display:flex;
	flex-direction:column;
	gap:1em;
	background-color:#F7F7F7;
}
#navigation li{
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	flex:1 1 0;
}
#navigation li a{
	text-align:center;
	display:block;
	text-decoration:none;
	color:#666;
	padding:0.5em;
}
#navigation li a:hover, .is-active{
	background-color:#999;
	color:#fff!important;
}
#centre{
	margin:1rem;
}
#centre:empty{
	display:none;
}

#main{
	display:flex;
	flex-direction:column;
	gap:1rem;
	font-size:0.8em;
	margin:1rem;
}

#left{
	flex:1 1 0;
	margin:auto;
	margin-top:0;
}
#left:empty{
	display:none;
}
#block-numney-10-001-page-title, #block-numney-10-001-numney-system-main{
	max-width:40rem;
	margin:auto;
}

#right{
	flex:1 1 0;
}
#right:empty{
	display:none;
}

#block-numney-10-001-views-block-numney-project-details-block-1{
	margin-top:2rem;
	font-size:0.9em;
}

.listing-frame{
	display: flex;
	flex-wrap: wrap;
	font-size:1rem;
	justify-content: center;
	gap:1rem;
	clear:both;
}
.listing{
	display:flex;
	flex:1 1 0;
	min-width:90%;
	position:relative;
	font-size:0.7em;
}
.listing a{
	color:#333;
}
.listing .views-field{
	width:100%;
}
.listing_image{
	aspect-ratio:1/1;
	display:flex;
	overflow:hidden;
}
.listing img{
	width:100%;
	height:auto;
    transition: all 0.5s ease;
}
.listing a:hover img{
   transform: scale(1.2);
}
.listing_text{
	position:absolute;
	bottom:0;
	width:70%;
	margin:1em;
	padding:1em;
	padding-bottom:2em;
	background-image:url("../images/white80.png");
	    transition: all 0.5s ease;
}
.listing a:hover .listing_text{
	background-color:#fff;
}
.listing_title{
	font-weight:100;
	font-size:1.8em;
}

#block-numney-10-001-views-block-numney-images-block-1 img{

}
.image img{
	width:100%;
	height:auto;
}
.image-list{
	display: flex;
	flex-wrap: wrap;
	font-size:1rem;
	justify-content: center;
	gap:1rem;
}
.image{
	display:flex;
	flex:1 1 0;
	min-width:95%;
}

#footer{
	padding:2em;
	text-align:center;
	font-size:0.7em;
}

H1{
	font-weight:100;
	margin:0px;
	padding:0px;
	margin-bottom:2rem;
}

a{color:#000;}